做平台网站要增值业务吗,wordpress 艺人主题,ui设计入门教程,太仓市住房和城乡建设局官方网站本章内容 目录 1、React 是一种 ”声明式“开发2、React 可与其他框架并存3、React 的”组件式“开发4、React 遵循”单向数据流“5、React 是一个用于构建”视图层“的框架6、React 采用”函数式编程“ 截止到上一节内容#xff0c;我们就使用 React实现 TodoList的功能已经… 本章内容 目录 1、React 是一种 ”声明式“开发2、React 可与其他框架并存3、React 的”组件式“开发4、React 遵循”单向数据流“5、React 是一个用于构建”视图层“的框架6、React 采用”函数式编程“ 截止到上一节内容我们就使用 React实现 TodoList的功能已经完成。本节内容我们来初步总结一下 React的一些理论
1、React 是一种 ”声明式“开发 说到”声明式“开发我们可能会有疑问它和以前我们了解的”命令式“开发有什么不一样呢 ”命令式“开发简单来说就是按照命令/指令一步一步实现需求。比如说现在有个”更改某个 DOM内容的需求“那我们就得按照一定的步骤来实现先找到这个 DOM如 document.getElementById(xxx), 然后将这个 DOM的 innerHTML替换成相应的内容。总之大篇幅的代码都在一步一步操作 DOM ”声明式“开发 只关注数据层的逻辑面向”数据“编程。也就是我们只要处理好数据React会自动的帮助我们用数据构建 DOM.
2、React 可与其他框架并存
观察工程代码可以发现React只负责 id为 root这部分的代码渲染。实践发现其他部分的代码也可用其他框架如 Vue来实现。
ReactDOM.render(TodoList/, document.getElementById(root))3、React 的”组件式“开发
”组件式“开发是 React最重要的东西之一它允许将复杂庞大的应用拆成一个一个组件让开发者更好的管理维护和开发。
4、React 遵循”单向数据流“ 父组件通过”属性“形式将数据传递给子组件子组件只能使用这个数据而不能去更改这个数据。如果真的想改变数据需要调用父组件传递过来的方法让父组件自己去变更数据 ”单向数据流“带来的一个巨大好处就是可以在开发和调试时避免很多坑。反之如果不是”单向数据流“那么一个数据出现错误很难去判断到底是哪个组件改动到这个数据
5、React 是一个用于构建”视图层“的框架
在使用 React时我们只需要关注数据层的逻辑即可其底层帮我实现了跟”视图层“相关的东西
6、React 采用”函数式编程“ 在编写 TodoList案例时我们的明显的感觉到使用 React编程时我们都在写一个一个的”函数“ 函数编程的好处是可以将各个功能独立封装结构更加清晰维护起来更加方便快捷
到此本章内容结束
