开始入坑react

来到公司的第一天，办好手续后，第一件事便是学习React框架。之后要开发的项目便是使用这个当前最火前端框架（之一），所以在边学习的过程中做一些学习和使用的心得经验记录。
八号进入公司，到现在两天的时间一直在看React的官方文档，愈发觉得学习一个框架最好的方式是从它的官方文档入手。
因为之前一直用jQuery写项目，现在转为React框架，两种工具的编程思维不甚相同，这里做一个总结：

1. 一个很大的差别是jQuery推崇获取元素然后添加事件处理函数，写出的代码往往相互纠缠，难以维护，一个事件可以对应多个DOM元素，一个DOM元素也会涉及多个事件。而React的JSX中在元素上直接添加onClick事件

2.jQuery不使用于大型项目的很大的原因就是其获取元素进行操作的编程模式会造成代码结构复杂，越到后期越是难以维护

3.React的理念可以归结为一个公式，UI=render（data），React实践响应式编程的思想，如果要更新用户UI，需要做的只是更新data

4.React推崇高内聚设计原则，一个组件文件中含有HTML代码、css代码和js代码。

5.使用React可以避免构建如此复杂的程序结构，开发者只需要关注data的变化，如何修改和渲染DOM完全由React负责，流程可以归结为事件驱动render函数，进行DOM的渲染修改。

6. React通过重复渲染来实现动态更新效果，是借助Virtual DOM技术，但是却不牵涉太多DOM操作，渲染效率很高

React优点总结：

• 效率高：使用虚拟DOM，每次数据的更新React都会计算出真正需要更新的DOM，进行更改渲染，避免大量不避免的渲染，所以效率极高
• SEO友好
• 适用于大型项目：操作数据比操作DOM简单

在使用了React框架一段时间后，再来更新一下这篇文章，记录一些新的理解。

前端为什么使用框架

这个问题其实也困惑过我几天，React能写的东西，我使用jQuery也能写出来，并不能在性能方面和工程量方面获得显著的提升。这里说一下现在我的理解，框架是为了方便快速开发项目而存在的，框架有许多成熟便捷的插件供我们使用，以此来开发丰富的功能，否则靠自己去写工程量无疑是巨大的。

为什么不推荐直接操作DOM的jQuery

除了随着项目的开发，代码会日益增多并相互影响，最重要的一点在于，如果有一条数据用于多个组件的渲染，一旦这个数据发生改变，变为另一个数据源，就有多个组件来同步这个改变。那么如何保证可以正确的同步所有组件的对于数据获取的改变呢，并且工作量也非常大。

项目工程化

使用React的同时，使用webpack进行项目的工程化开发，并且可以规范代码，提高可维护性。

提前拥抱ES6

借助webpack的babel插件，使用更优雅更健全的ES6。

在知乎上看到一位答主对于为什么我们使用React的回答，觉得获益匪浅，这里贴一下链接我们为什么需要 React？ - itlr的回答 - 知乎
https://www.zhihu.com/question/47161776/answer/111385071