摘要：本人计划编写一个针对中初级前端开发者学习的系列教程玩转。使用的原因是新的语言规范开发效率更高代码更优雅，尤其是基于开发的项目。其次也是目前特别流行的一个前端框架，截止目前，上有将近万，国内一二线互联网公司都有深度依赖开发的项目。
本人计划编写一个针对中初级前端开发者学习 React 的系列教程 - 《玩转 React》。
文章更新频率：每周 1 ~ 2 篇。
目录玩转 React（一）- 前言
玩转 React（二）- 新型前端开发方式
玩转 React（三）- JavaScript代码里写HTML一样可以很优雅
玩转 React（四）- 创造一个新的 HTML 标签
玩转 React（五）- 组件的内部状态和生命周期
玩转 React（六）- 处理事件
玩转 React（七）- 组件之间的数据共享
持续更新中...
为什么是针对初级前端开发者经验丰富的程序员，学习新框架是不会看这种文章的。讲实话，最高效、最权威的还是官方文档。如果你觉得你是高级程序员，对新框架的理解力强，英文水平也还不错，那到此为止，这里：React官方文档
所以，为了让我的输出对更多的人有所帮助，本系列的内容会讲得尽量浅显易懂，甚至有时候会让你觉得有些啰嗦。
另外本系列的文章默认所有的读者熟悉 JavaScript、HTML、CSS，且本系列的所有实例中的JS代码使用 ES6 的语法进行编写。使用 ES6 的原因：
是新的语言规范
开发效率更高
代码更优雅，尤其是基于 React 开发的项目。
为什么要开始写文章因为从来没有尝试过把我自己会的知识系统地通过文字讲出来，我想尝试一下。原本以为这是一件很简单的事情，但后来发现，很难。而且越是自己熟练的东西，越觉得不知道该怎么讲，不知道该怎么教会别人，对于自己熟悉的知识，总感觉三言两语就说完了，没什么好说的，其实不然。能写出教的会别人的文字，是一种能力，需要锻炼。
另外，有这样一个任务可以让我重新梳理自己的知识，注意到每一个细节，所以教别人也是在提升自己。
为什么选择这个主题我从 2015 年开始在项目中使用 React，首先我自己特别喜欢 React，不仅能够提升开发效率，提高产品的性能，而且能明显提升开发体验，这一点很重要，作为程序员，也要多为自己想想，愉快地写代码确实是一件美好的事情。我不喜欢的东西，硬要去讲，讲不好不说，对自己也是一种折磨。
其次 React 也是目前特别流行的一个前端框架，截止目前，Github 上有将近 8 万 star，国内一二线互联网公司都有深度依赖 React 开发的项目。
另外，据我了解很多同学都有学习 React 的打算，而且多数人反映 React 有一定的学习门槛，学习曲线比较陡峭。
简言之，React很棒，我很喜欢，我想你也拥有它，而且我想把它讲得很简单，让你轻松玩转，我知道很有挑战，但是我想尝试一下。
内容的深度和目标上面有说到，我想把 React 讲简单，让大家轻松玩转，所以请不要指望内容适合高级玩家。如果你在阅读的时候发现：“咦，这里还有另外一种方式你没说”，没错，我是故意的，当做一件事情有多种方式的时候，我只会将我认为最好的一种方式告诉大家，我觉得这就够了，其它的方式，以后你自然就知道了。
简言之，认真阅读本专栏之后，关于 React，虽然有些细节你还不了解，但已经足够你在项目中用得很溜了。
如果我写的文章能得到大家的认可，我会在后续系列中跟大家探讨更深入的内容。
最后小弟是第一次尝试写技术教程，如果能坚持下来需要花费不少的业余时间，写的不好希望大家多提意见，我会依据您的意见持续优化。
在此先谢过各位，望大家多多鼓励。
微信交流群文字的表现范围毕竟有限，为了方便大家交流，我建了一个微信群，对 React 感兴趣的同学可以进群一起交流、学习，由于微信群邀请的时间限制，大家可以先扫描下面二维码，加我好友，我拉大家进群：
我的微信：leobaba88
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/88648.html
摘要：绑定事件处理函数指向的四中方式以及他们的优缺点。内部自己实现了一套高效的事件机制，为了提高框架的性能，通过事件冒泡，只在节点上注册原生的事件，内部自己管理所有组件的事件处理函数，以及事件的冒泡捕获。 前面的文章介绍了 React 的 JSX 语法、组件的创建方式、组件的属性、组件的内部状态以及组件的生命周期。另外，还顺带说了各个知识点要重点注意的事情，以及我在项目实践中的一些经验。如果...
摘要：另外本文中会介绍一个通过类继承方式定义的组件的生命周期，以及在各个生命周期函数中能做什么，不能或尽量不要做什么。各个生命周期函数介绍及使用经验。获取组件的初始内部状态在中。该声明周期函数可能在两种情况下被调用组件接收到了新的属性。 文章标题总算是可以正常一点了…… 通过之前的文章我们已经知道：在 React 体系中所谓的 在 JavaScript 中编写 HTML 代码 指的是 Rea...
摘要：另外本文中会介绍一个通过类继承方式定义的组件的生命周期，以及在各个生命周期函数中能做什么，不能或尽量不要做什么。各个生命周期函数介绍及使用经验。获取组件的初始内部状态在中。该声明周期函数可能在两种情况下被调用组件接收到了新的属性。 文章标题总算是可以正常一点了…… 通过之前的文章我们已经知道：在 React 体系中所谓的 在 JavaScript 中编写 HTML 代码 指的是 Rea...
摘要：在之前的文章中，我们已经介绍了使用与三大框架结合搭建您的应用程序。使用创建应用程序。扩展阅读用玩转您的应用用玩转您的应用用玩转您的应用近期活动问卷调查扬帆万里，因您前行使用反馈意见征集 前言： 在本文中，我们将着重介绍如何将WijmoJS与Ionic一起使用，来创建一款移动端支持优先、快捷高效的应用程序。在之前的文章中，我们已经介绍了使用WijmoJS与Angular、React、Vu...
摘要：这也就是所谓的单向数据流，在这种开发方式下，会让你更新视图的逻辑非常清晰简单，哪怕你的前端交互很复杂，也不至于让你的代码那么容易变成一坨。就是在前端开发过程中，要善于观察和抽象。 这是《玩转 React》系列的第二篇。在该篇中，我们来了解下，React 的出现到底给我们的开发方式带来了什么样的变化。 我的感触可以用一个字来形容，爽！主要爽在以下两个方面。 视图是数据的映射（单向数据流）...
阅读 1538·2021-11-22 15:33
阅读 1754·2021-10-08 10:04
阅读 3395·2021-08-27 13:12
阅读 3282·2019-08-30 13:06
阅读 1348·2019-08-29 16:43
阅读 1284·2019-08-29 16:40
阅读 597·2019-08-29 16:15
阅读 2527·2019-08-29 14:13
