React学习记录

Vue || React

· React 的思路是 HTML in JavaScript 也可以说是 All in JavaScript，通过 JavaScript 来生成 HTML，所以设计了 JSX 语法，还有通过 JS 来操作 CSS，社区的styled-component、JSS等。
· Vue 是把 HTML，CSS，JavaScript 组合到一起，用各自的处理方式，Vue 有单文件组件，可以把 HTML、CSS、JS 写到一个文件中，HTML 提供了模板引擎来处理。
· React 与 Vue 存在很多共同点，例如他们都是 JavaScript 的 UI 框架，专注于创造前端的富应用。不同于早期的 JavaScript 框架“功能齐全”，Reat 与 Vue 只有框架的骨架，其他的功能如路由、状态管理等是框架分离的组件。
· 数据驱动视图，用数据来改变视图！

React

· 灵活性和响应性：它提供最大的灵活性和响应能力。
· 丰富的JavaScript库：来自世界各地的贡献者正在努力添加更多功能。
· 可扩展性：由于其灵活的结构和可扩展性，React已被证明对大型应用程序更好。
· 不断发展： React得到了Facebook专业开发人员的支持，他们不断寻找改进方法。
· Web或移动平台： React提供React Native平台，可通过相同的React组件模型为iOS和Android开发本机呈现的应用程序。

Vue

· 易于使用： Vue.js包含基于HTML的标准模板，可以更轻松地使用和修改现有应用程序。
· 更顺畅的集成：无论是单页应用程序还是复杂的Web界面，Vue.js都可以更平滑地集成更小的部件
· 更好的性能，更小的尺寸：它占用更少的空间，并且往往比其他框架提供更好的性能。
· 精心编写的文档：通过详细的文档提供简单的学习曲线，无需额外的知识; HTML和JavaScript将完成工作。
· 适应性：整体设计和架构使其成为一种流行的JavaScript框架。它提供无障碍的迁移，简单有效的结构。

react生命周期

• constructor
• componentDidUpdate
• componentDidMount
• componentWillUnmount
• render
触发render条件
• props改变
• setState
• forceUpdate
组件信息传递
同级
• 通过父组件
父传子
• props
子传父
• 父组件props传更新方法
• 父组件通过ref

深入理解react渲染原理分析