媒介

写此系列博客的目标是对所学React知识点的总结和梳理，包含填坑计划分享，希望能协助到还并不会运用React的开发者入门React

React官方文档

React中文文档

React社区

项目搭建

根据官方供应的create-react-app搭建项目

• 全局装置create-react-app

  cnpm i create-react-app -g

  或

  cnpm i yarn -g

  yarn global add create-react-app

• 全局装置后能够运用create-react-app这条敕令

  建立名为
  react-demo的项目

  create-react-app react-demo

• 启动项目

  cd react-demo

  npm start

  或

  yarn start

假如node 6+ 而且 npm 5.2+，能够运用npx装置

npx create-react-app react-demo

或

yarn create react-app react-demo (yarn 0.25+)

cd react-demo

npm start

目次构造

public/index.html页面进口文件,

src/App.js根组件，

src/App.css根组件款式文件，

src/index.js顺序进口文件，

src/index.css页面款式文件，

App.test.js和
serviceWorker.js临时不会运用，能够删除

运转项目

yarn start

项目运转胜利

下篇文章

React组件