Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/huangcongqing/react-study

React学习和开发
https://github.com/huangcongqing/react-study

js react react-native react-redux react-router

Last synced: 8 days ago
JSON representation

React学习和开发

Host: GitHub
URL: https://github.com/huangcongqing/react-study
Owner: HuangCongQing
License: mit
Created: 2018-06-05T03:04:22.000Z (over 6 years ago)
Default Branch: master
Last Pushed: 2018-07-31T06:23:25.000Z (over 6 years ago)
Last Synced: 2024-10-13T13:09:39.025Z (3 months ago)
Topics: js, react, react-native, react-redux, react-router
Language: JavaScript
Size: 317 KB
Stars: 2
Watchers: 3
Forks: 2
Open Issues: 9
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        # react-study

React学习和开发

@ [ChungKing](https://github.com/HuangCongQing/react-start)，若fork或star请注明来源

於2018年7月21日，代码所用版本：[V16.4](https://reactjs.org/versions)

**学习新技术，无非就是看官方文档，加以延展，最后融会贯通**

* [英文官网文档](https://reactjs.org/docs/getting-started.html)

* [入门教程- React - React 中文文档](https://doc.react-china.org/tutorial/tutorial.html)

* [React入门看这篇就够了](https://segmentfault.com/a/1190000012921279)

* 线上库文件：https://cdnjs.com/（可能需要随时更新）

### Files

* [00没有搭建脚手架，引用cdn初步学习React语法](./00demo)

* [01React脉络](./01create-react-app)

* Reaact组件

    * [React组件](https://www.cnblogs.com/wonyun/p/5930333.html)

    * [React系列---React（二）组件的prop和state](https://segmentfault.com/a/1190000009921542)

* []()

* []()

* []()

* []()

* []()

### 运行

*  前提安装node和npm

* npm 安装 create-react-app工具

`npm install -g create-react-app`

* 使用命令创建新的react项目

`create-react-app demo01`

* 运行

`cd demo01`

`npm start`

### Introduce

* 什么是React

    * 用来构建UI的JavaScript库

    * React不是MVC库，仅仅是视图层（V）的库

* 特点

    * 1 使用 **JSX语法 创建组件，实现组件化开发，为函数式的 UI 编程方式打开了大门

    * 2 性能高的让人称赞：通过**diff算法** 和 **虚拟DOM** 实现视图的高效更新

* 重点内容

    * JSX

    * props和state

    * style样式

    * 生命周期（mounting，updating，unmounting）

    * 事件绑定中的this

    * react-router

    * Redux

### Tips

* Dont forgit two node version

![image.png](https://upload-images.jianshu.io/upload_images/4340772-d20250f463b92240.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

### Documentation

### Examples

* [初次学习demo](./01demo)

### Installation

### Feedback(反馈)

### Issues

* 

### License

Copyright (c) [ChungKing](https://github.com/HuangCongQing/react-study). All rights reserved.

Licensed under the [MIT](./LICENSE) License.