【React】入门

React是视图层框架,并不能解决所有问题.

React 的核心我现在的理解就是 把dom层的工作放到数据层来,利用绑定事件来体现响应式设计,能改数据层都在数据层改.对应于原来原生开发的命令式开发,React是声明式开发.

React16后的版本可以称作React Fiber

在chrome扩展程序里搜React可以添加React工具

React作为一个前端框架有两种开发模式

1. 一种是传统的引入js框架<script>标签形式
2. 一种是集成的脚手架工具

如果你是在学习 React 或创建一个新的单页应用，请使用 Create React App。

如果你是在用 Node.js 构建服务端渲染的网站，试试 Next.js。

如果你是在构建面向内容的静态网站，试试 Gatsby。

如果你是在打造组件库或将 React 集成到现有代码仓库，尝试更灵活的工具链。

因为是学习 我学的是第二种方式 中的Creat React App

首先下载安装node与npm 配置好环境

需要在你的机器上安装 Node >= 6 和 npm >= 5.2。要创建项目，请执行：（my-app 可以改）

npx create-react-app my-app
cd my-app
npm start 
//yarn start 也可以

到这里已经实现了创建一个React项目

接下来理一下React项目的目录

• yarn.lock :依赖，安装包，版本限制  一般不用管
• README.md  可以自己写的markdown注释
• package.json ：脚手架工具都有的，项目介绍，第三方依赖包，一些node包文件， 一般不用管
• gitignore ：上传git时忽略部分文件用
• node_modules :外部包文件 也不用管
• public ：

资源文件

manifest :定义程序快捷方式

• src ：核心源代码部分

index.js :入口

app.js 相当于一个组件

app.test.js 自动化测试文件

 

为sublime添加react代码提示

ctrl + shift + p

输入 install

输入 react es6 选中 React ES6 Snippets

等待下载完成 输出 cwm 出现componentWillMount