便宜VPS网从Vue2.0到React17——React开发入门
1、本专栏将按照这个思路带领你从Vue0入门React17。 首先得选择一个脚手架搭建一个React工程，React有很多脚手架，为什么选择UmiJS这个脚手架，不为什么，这个脚手架和Vue Cli比较类似，至少路由配置和Vue Router很类似。
2、里面基本上涉及到了，react入门的所有涵盖的知识，他都是自己搭的，没有使用脚手架工具。里面也涵盖了webpack的一些配置，对于新手学习蛮好的。
3、react 就是最全面的react脚手架 react native是专门写移动app的。
4、Jsx和template 在Vue2中是使用 template 的，这点使用 Vue 的同学们都知道，而在 React 中使用的是 JSX ， JSX 是一个看起来很像 XML 的 JavaScript 语法扩展。
5、@xunlei/vuex-connector 借鉴了 react redux 的 connect 方法，在 vuex 基础上进行的开发。
6、首先 Redux 是一种状态管理方案，本身和react并没有什么联系，redux也可以结合其他框架来用。 react-redux 是基于react的一种状态管理实现，他不像vuex那样直接内置在create-react-app里，需要自己去安装。
react的使用:React如何渲染UI
1、具体实现方法如下：使用React.lazy()和Suspense组件：React.lazy()是React16版本中引入的新特性，可以实现动态加载组件。通过React.lazy()可以将组件按需加载，只有在组件被访问时才会加载。
2、react 并不会比原生操作 DOM 快，但是在大型应用中，往往不需要每次全部重新渲染，这时 react 通过 VDOM 以及 diff 算法能够只更新必要的 DOM。
3、React主要用于构建UI。你可以在React里传递多种类型的参数，如声明代码，帮助你渲染出UI、也可以是静态的HTMLDOM元素、也可以传递动态变量、甚至是可交互的应用组件。
4、更新已渲染的元素：React 元素是不可变对象。一旦被创建，你就无法更改它的子元素或者属性。一个元素就像电影的单帧：它代表了某个特定时刻的 UI。
5、虚拟 DOM 的优势：React 使用虚拟 DOM 进行高效的 UI 更新。通过使用虚拟 DOM，React 可以有效地跟踪和渲染只需要更新的部分，而不是整个页面。这带来了更好的性能和用户体验。
6、前后端同构就是保证前端和后端的dom结构一致，不会发生重复渲染。react 使用 checksum 机制进行保障。什么叫React首屏渲染？简单的说就是 react 在浏览器内存中第一次生成的虚拟 dom 树。
前端常用的框架有哪些?
1、Bootstrap 框架 Bootstrap 是当今可用的前端框架中最受欢迎的，它具有直观，时尚的界面而且功能强大可以更快更轻松地实现 web 开发而且不需要捆绑。
2、jQuery，Vue，Bootstrap，react。
3、Twitter BootStrap （Apache v0；响应式）时髦、直观并且强大的前端框架，让Web开发变得更加容易。 Foundation （MIT；响应式）最先进的响应式前端框架。
如何选择Web前端模板引擎(推荐)
例如 Tabs（如本站首页右上角部分） 、拉帘效果（本站首页左上角）、对话框、拖放效果、日期选择、颜色选择、数据排序、窗体大小调整等等非常多的内容。
QUICKUIQUICKUI是一套完整的企业级web前端开发解决方案，由基础框架、UI组件库、皮肤包、示例工程和文档等组成。使用QUICKUI开发者可以极大地减少工作量，提高开发效率，快速构建功能强大、美观、兼容的web应用系统。
Bootstrap Twitter出品的Bootstrap在业界是非常受欢迎的，以至于有很多前端框架都在其基础上开发，如我们熟悉的WeX5就是在Bootstrap源码基础上优化而来的。我相信大多数接触过前端开发的同学多少都了解过这个优秀的前端框架。
Web前端三大框架：Vue.js、React.js、Angular.js。Vue.js Vuejs的受欢迎度目前是最高的，而开发vuejs的就是一个中国人名字叫尤雨溪。Vue可以通过简洁的 API 提供高效的数据绑定和灵活的组件系统。
Bootstrap：Bootstrap是让你的页面更简洁、直观、强悍、移动设备优先的前端开发框架，让Web开发更迅速、更简单。它还提供了更优雅的HTML和CSS规范，它是由动态CSS语言Less写成。
现在流行的Web前端框架有哪些？React：它最大优势在于它们相对简单和专注。做一件事情并把它做好是非常困难的，但这个库很有效地完成了它的目标。
