使用React 实现一个简单的待办事项列表:用户可以添加、编辑和删除待办事项;
首先:要会使用浏览器提供的DOM API 来修改DOM,更新UI API:用来操作网页内容,用JS操作HTML和浏览器 DOM:是文档对象模型,用来呈现以及与任意HTML或者XML交互的API,开发网页内容特性和实现用户交互
转换式系统:给定输入求解输出,e.g.编译器、数值计算 响应式系统:监听事件,消息驱动,事件-执行既定回调-状态变更,e.g.监控系统、UI界面
响应式系统与React: React历史:可以看创始人在油管的介绍视频,2013 JSConf上Jordan Walke的介绍 React应用: 可以实现前端应用开发;移动app开发;结合Electron进行桌面应用开发
React设计思路: 状态归属问题:基于React的设计思路,共享状态上移,以便于共享,每次改变时利用函数传递状态
组件化: 组件是组件的组合/原子组件, “组件”可以由其他组件拼装而成; 组件内有状态,外部不可见; 父组件可将状态传入组件内部; 组件声明了状态和UI的映射; 有Props/State两种状态; 结合响应式系统 组件内部有私有状态State 组件接受外部的Props状态提供复用性 根据当前的State/Props返回一个UI
思考题:React是单向数据流,永远是父组件给子组件传东西,但是子组件可以执行父组件传的函数来改变附组件的状态
React(hooks)的写法与React实现
状态管理库与应用级框架