React starting from scratch to build a browser extension plugin for a front-end only start page: an introduction.

系列文章结构概览

【React】从零搭建一个纯前端起始页浏览器插件（一）：介绍

【React】从零搭建一个纯前端起始页浏览器插件（二）：搜索框关键词推荐（搜索建议）

---

目录结构与内容概述

系列文章结构索引

引言

1. 界面展示

2. 基础架构

3. 功能模块

归纳

---

前言

博主近期因工作需要，学习了将近一个月的前端开发，感觉还emmm，挺有意思的，哈哈哈。与C++相比，有着不一样的乐趣，因此基于React和MobX开发了一个浏览器起始页插件（该插件可以替代新标签页），功能较为简单，大家如果想自己搭建起始页或者其他项目，可以作为参考^ ^。

本文先为大家做个简要介绍吧~

---

一、基本介绍

该插件的基础页面是采用React框架构建，并结合MobX进行状态管理，最后通过配置mainfest文件完成插件的发布（其实原本只是打算做一个网页哈哈哈），不多赘述，直接上图！

1.页面

2.基本布局设计与分析

整个界面布局大致划分为上、中、下三个主要区域，每个区域内部进一步细分为多个功能模