这是一门免费课程，写文章和录制视频这个我花了1个半月时间，如果你觉的不错可以给一个赞。文章和视频中会详细讲解React的基础知识，React版本是16x，也是目前最新版本(我课程录制开始的日期是2019年5月4日)。今年的目标是录制100集前端免费视频教程，可能大部分都会在React框架上，毕竟它是现在最火的前端框架，也是前端必会的一个框架。
我们采用最新的React16.8版本进行讲解，我相信很多人应该也会使用React，但是你可能学的并不是很系统，不妨跟着技术胖来一次详细的学习吧。
已更新完成........附上文章视频列表。
视频列表
-
React课程前言(315)
-
React简介和Vue对比(314)
-
React开发环境搭建(313)
-
脚手架生成的项目目录介绍 (312)
-
HelloWorld和组件的讲解 (311)
-
React中JSX语法简介 (310)
-
React实例-小姐姐服务菜单 (309)
-
React实例-宝剑磨的好,理论不能少(308)
-
React实例-老板我要加个钟(307)
-
React实例-宝剑虽然好 老腰受不了(306)
-
React进阶-JSX防踩坑的几个地方(305)
-
React进阶-Simple React Snippets(304)
-
React进阶-组件的拆分(303)
-
React进阶-父子组件的传值(303)
-
React进阶-单项数据流和其他(302)
-
React高级-调试工具的安装及使用(301)
-
React高级-PropTypes校验传递值(300)
-
React高级-ref的使用方法(299)
-
React高级-生命周期讲解-1(298)
-
React高级-生命周期讲解-2(297)
-
React高级-生命周期讲解-3(296)
-
React高级-生命周期改善程序性能(295)
-
React高级-axios数据请求(294)
-
React高级-Axios请求EasyMock(293)
-
React高级-用CSS3实现react动画(292)
-
React高级-CSS3的keyframes动画(291)\
-
React高级-react-transition-group(290)
-
React高级-多DOM动画制作和编写(289)
第01节：React课程前言
很高兴你能来到这里学习React.js技术，这是课程的第一节，主要介绍一下小伙伴们常问的一些问题，虽然废话很多，但是还是建议你可以花几分钟看完这节视频。
技术胖的React交流Q群：159579268
React简介
首先不能否认React.js是全球最火的前端框架(Facebook推出的前端框架)，国内的一二线互联网公司大部分都在使用React进行开发，比如阿里、美团、百度、去哪儿、网易 、知乎这样的一线互联网公司都把React作为前端主要技术栈。
React的社区也是非常强大的,随着React的普及也衍生出了更多有用的框架，比如ReactNative和React VR。React从13年开始推广，现在已经推出16RC（React Fiber）这个版本，性能和易用度上，都有很大的提升。
React优点总结
-
生态强大：现在没有哪个框架比React的生态体系好的，几乎所有开发需求都有成熟的解决方案。
-
上手简单: 你甚至可以在几个小时内就可以上手React技术，但是他的知识很广，你可能需要更多的时间来完全驾驭它。
-
社区强大：你可以很容易的找到志同道合的人一起学习，因为使用它的人真的是太多了。
需要的前置知识
-
JavaScript基础：如果能回ES6就更好了，因为我们尽量在课程中使用ES6的语法编写案例。
-
npm基础：你需要会使用npm的包管理，其实这个不会也没事，反正课程中都会讲解。
讲授方式和学习要领
-
学习这套视频你完全不用记笔记，只要专心的听课，笔记技术胖已经为你准备好了文字版在每个视频下方。
-
代码全部手写：代码全部进行手写，不做PPT式讲解，不做粘贴复制，你只要认真看，肯定学的会，不会有坑让你爬不上来。
-
和3000名小伙伴一起学习： 群已经开放了，你可以直接进入QQ群，大家都是一起学习的，有什么问题可以一起讨论。
视频更新频率
这个视频每周更新三集，所以请小伙伴们收藏本网页，或者进入群学习，只要更新内容，群里都会进行通知。可以保证你及时的学习。
技术胖还是个一线程序员，平时加班也不少，所以有时候会更新不及时，还请大家谅解。
声明：课程借鉴了《深入浅出React和Redux》这本书，但也加入了自己的理解，更不会单纯的抄袭本书的任何话语和章节，如果引用本书话语，都会全部标出，以示对版权的尊重（其实我就是看着这本书学习的，然后录制的课程）。
如果你觉的看书更好，可以买一本学习。
加QQ群 一起学习
为了大家能更好的一起学习，技术胖同样也建立了QQ群，如果学习中遇到什么困难，可以进群提问，相信群里有很多人可以为你解答问题。
QQ群 ：524520566 （3000人大群，入群请正确回答问题，答案请全部小写）
群里只讨论技术问题，禁止闲聊。
如果你在学习中有什么问题，还可以在文章下方进行留言，技术胖会尽快回复你的问题。
由于个人能力有限，在讲解过程中有不对之处，希望大家能在文章底部进行留言勘误校正，技术胖在先在这里抱手感谢。
第02节：React简介和Vue对比
这节课简单介绍一下React框架，并通过介绍，引出一个争执很多的话题，到底什么时候用React.js？什么时候用Vue.js？其实这节课也是偏重于理论的，但是我觉的有必要单独拿出来一节课说一说，因为有很多小伙伴还在犹豫，我已经会了Vue，还有没有必要学习React？答案是肯定的，那就是一定要学。因为这套课可能更多的面向新手，所以必要的理论也是不能缺少的。
技术胖的React交流Q群：159579268
React简介
如果你进入官方网站，只会看到一句简单的介绍：
A JavaScript library for building user interfaces (用于构建用户界面的JavaScript库)
就是这样简单的一句话，显得朴实无华，但当我每次看到时都感到它的霸气侧漏，肃然起敬。越是伟大的东西，越让人感到谦卑。
毒鸡汤
作为一个程序员，任何时候，都不要瞧不起别人…鸟活着时，吃蚂蚁；鸟死后，蚂蚁吃鸟。一棵树可以制成一百万根火柴，烧光一百万棵树只需一根火柴。所以不要瞧不起任何人！你瞧不起别人时，只不过别人不和你计较！花，姹紫嫣红，却只是昙花一现： 树，朴素寻常，却可以百岁长青。活着，低调做人。因为作为一名程序员，就算你想高调，你有时间和金钱吗?别做梦了，好好学习吧！
React三大体系
这个学习也是有一个层次的，需要你先学会React.js的基本知识，然后再学习ReactNative,这样你的学习难度会大大降低。我的目标也是这样的，先讲解React.js基础，然后基础打好了，开始学习ReactNatvie。所以这个视频的周期还是比较长的，需要你多些耐心的学习。
正式简介
ReactJS是由Facebook在2013年5月推出的一款JS前端开源框架,推出式主打特点式函数式编程风格。值得一说的是，到目前为止ReactJS是世界上使用人数最多的前端框架,它拥有全球最健全的文档和社区体系。我们这里学习的是React Fiber版本，也就是React16这个版本，这个版本算是一个大升级，增加了很多新的特性，这些特性我都会在以后的课程中给大家一点点讲解。
ReactJS的官方网站为:reactjs.org
如果你是英文很好的同学，我建议你一直阅读React官方文档，这个文档我相信一定可以超过80%现在市面上的React书籍，详细程度就更不用多说了，怎么说人家是官方文档，是书籍编写者的写作大纲哦。(包括我的文章，一定不如官方文档好)
React和Vue的对比
这是前端最火的两个框架，虽然说React是世界使用人数最多的框架，但是就在国内而言Vue的使用者很有可能超过React。两个框架都是非常优秀的，所以他们在技术和先进性上不相上下。
那个人而言在接到一个项目时，我是如何选择的那？React.js相对于Vue.js它的灵活性和协作性更好一点，所以我在处理复杂项目或公司核心项目时，React都是我的第一选择。而Vue.js有着丰富的API，实现起来更简单快速，所以当团队不大，沟通紧密时，我会选择Vue，因为它更快速更易用。（需要说明的是，其实Vue也完全胜任于大型项目，这要根据自己对框架的掌握程度来决定，以上只是站在我的知识程度基础上的个人总结）
总结
我相信大家通过这节课的学习，对React一定有了一个直观的概念。下节课开始我们就要动手开发了，小伙伴们加油了。
第03节：React开发环境搭建
通过两节课的理论学习，这节终于可以进入操作环节了，其实技术胖早已经迫不及待了。讲理论就放佛认识一个美女，缺只能让你看，剩下啥都做不了一样。了解我的小伙伴都知道，我一定不是这种性格。这节课就让我们一起动手，把React的开发环境搭建好。在搭建React开发环境前需要你安装Node，如果你已经安装了可以省略这些步骤。
技术胖的React交流Q群：159579268
安装Node.js
使用React.js是可以用最原始的