React16.4开发简书项目 React初探(二)

本章主要讲解React项目的开发环境搭建，工程代码结构及React中最基础的语法内容，同时对前端组件化思想进行介绍。

一. 基础

	import registerServiceWorker from './registerServiceWorker';
	registerServiceWorker();

PWA: progressive web application
在HTTPS协议的服务器上，第一次打开后浏览器了首页，如果下次断网，还是能够继续打开的。

2. 在React中，在js文件中用标签<>的形式，说明是JSX语法，必须引入 React来进行解析 ，否则报错。

3. 在JSX中组件名首字母必须大写

4. 在React中绑定事件的事件名称必须大写，例如：onClick，onChange等

5. 在React中，state是immutable，不允许我们做任何的改变。如果你改了的话，在后面做性能你优化的时候就会出现问题了！！

6. JSX里的注释：

   1. {/*我是注释*/}

   {
    //我是注释
   }
   

   如果第二种注释方式写成：

   {  //我是注释}
   

   那么后面的那个花括号也被注释掉了，所以不行。

7. 如果想要在input框里输入标签则：
   

8. label标签应该用 htmlFor
   

二. 拆分组件和组件之间的传值

注意this指向问题

代码优化：
2.1 通过es6对象解构赋值的方式

2.2 把JSX里渲染js的语法单独拿出去放到一个函数里，这样看起来更简洁。

2.3 在最新的React语法中setState()可以接受一个函数，这样性能会更优，但是一定要注意setState是一个异步的方法。

2.4
命令式编程：jQuery，原生JavaScript
声明式编程：

React可以与其他框架并存：因为React只负责它挂载的那个DOM节点。

三. 关于React的思考:

1. 声明式： 只需关注数据，不需要操作DOM。
2. 可以与其他框架并存： React只负责他挂载的那个DOM节点。
3. 组件化
4. 单向数据流
5. 视图层框架： 不负责数据通信，只能简单的父子组件通信。
6. 函数式编程：便于封装和单元测试。