0.react使用简介目录

本文详细介绍了React的基础知识,包括其作为JavaScript库的作用,如何使用React构建用户界面,从简单的ReactDOM.render方法到深入理解组件和生命周期。此外,还探讨了在Node.js环境下使用React的方法,包括webpack配置和react-router的实践案例,以及redux和react-redux的整合应用。

React 是一个声明式,高效且灵活的用于构建用户界面的 JavaScript 库。使用 React 可以将一些简短、独立的代码片段组合成复杂的 UI 界面,这些代码片段被称作“组件”。

也就是说,使用的前提是,需要对JavaScript本身需要有了解才行。

react相应版本:

  • +-- react@16.13.1
  • +-- react-dom@16.13.1

 

1.开始吧,react

1.1.开始练习,ReactDOM.render、jsx、React.createElement

1.2.组件component、生命周期

1.3.jsx代码对象、组件对象

 

2.在nodejs上,加油吧,react

2.1.nodejs使用react的准备工作以及webpack配置

2.2.0.在webpack中创建一个简单的react-router案例

2.2.1.react-router相关组件,API简介

 

2.3.0.redux的简单案例

 

 

2.3.3.react-redux的一个简单案例

......

 

相关资料:

react中文官网:https://zh-hans.reactjs.org/

腾讯NEXT学院:https://www.bilibili.com/video/BV1hE411c7L1?p=1

react-router官方文档:https://reacttraining.com/react-router/core/guides/quick-start

react-router与react-router-dom使用时的区别:https://www.cnblogs.com/menggirl23/p/10288477.html

redux官方文档:https://redux.js.org/introduction/getting-started

阮一峰的Redux 入门教程:http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_one_basic_usages.html

react-redux官方文档:https://react-redux.js.org/introduction/quick-start

带你实现 react-redux:https://juejin.im/post/5ec8de465188254342341f44

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值