react入门_如何学习React：入门所需的一切

react入门

React是一个JavaScript库，最初由Facebook的开发人员构建，用于构建快速的用户界面。 如果您将脚趾浸入React水域中，或者您的React开发旅程正在加速，那么可能很难掌握基础知识，技术，工具和技巧-因此我们创建了本指南以了解其中的内容以及我们的建议。 无论您在旅途中的何处，都需要找到最好的React内容-快来看看！ （如果您认为我们错过了一些事情，请在下面的表格中告诉我们！）

2017年9月18日更新，其中包含有关为Vim进行React开发设置的指南 [drivy.engineering]和有关使用React和WebGL构建游戏的指南 [sitepoint]。

文章

无论您是决定还是要投入React，还是正在寻找更高级的工具和系统，这里都是我们能找到的最好的书面资源。

简介与比较

• 如何判断React是否最适合您的下一个项目 [sitepoint]。
• React vs Angular –深入比较 [站点]。
• React vs Vue –“为什么选择React而不是Vue” [medium / @ calinleafshade]。
• React入门，一个初学者指南 [sitepoint]。
• 通过构建音乐播放器 [sitepoint] 探索React 16的新功能 。
• React如何使您的D3动画更好 [现场]。
• Facebook的React正式介绍 [facebook.github]。

基本原理

• 所有基本的React概念都夹在一篇文章中 [medium.freecodecamp]。
• 使用Facebook的Create React App [sitepoint] 快速准备项目 。
• 回到基础–使用React Flow [medium / javascript-inside]。
• 如何使用无状态组件 [sitepoint] 优化React性能 。
• React中样式的精简–从使用外部CSS到样式化的组件 [sitepoint]。
• 深入React动画 [中等/React本机训练]。
• 组件文件夹模式 [medium / styled-components]的简介，它使编写可伸缩的React应用程序更加容易。
• 关于React Router 4 [css-tricks]的全部。
• 以及服务器端React渲染 [css-tricks]指南。
• 在React [medium / @ housecor]中处理状态的四种不变方法 。
• 如何安装React Native [sitepoint]。
• React Native应用程序 [goshakkk.name]中的身份验证指南 。
• 可搜索的，可过滤的React备忘单 [reactcheatsheet]。

稍微更高级

• 如何组织一个大型的React应用并使其扩展 [站点]。
• 建议：在使用Redux [robinwieruch] 之前学习React 。
• 如何创建真正通用的React组件系统 [medium / styled-components]。
• Redux vs MobX：哪个更好？ [站点]。
• React 16更改了React处理未知DOM属性的方式：这些更改如何影响您和您的代码的指南 [facebook.github]。

培训班

如果您不适合通过文章将自己的学习道路拼凑起来，或者您想确保自己了解所有概念和技术，那么我们建议您使用结构化的React课程。

• React for Beginners [reactforbeginners]是React教育的黄金标准，来自React指导老师Wes Bos。
• React Express [react.express]是React开发的多合一指南。

专案

您已经掌握了基础知识，甚至还有更多。 以下是将这些知识付诸实践的一些项目：

• 使用用户登录和身份验证 [sitepoint] 构建React应用的分步指南 。
• 使用React Native和Pusher [sitepoint] 构建有状态的实时应用程序的指南 。
• 如何将分析添加到React Native应用 [站点]。
• 使用Rails [engineering.musefind] 构建您的第一个服务器端渲染的React应用 。
• 如何使用React和Firebase [sitepoint] 构建Reddit克隆 。
• 使用React VR [sitepoint] 构建完整的球形3D图片库 。
• 然后使用React，Redux，Express和MongoDB [sitepoint] 构建全栈Trello克隆 。
• 然后使用React Native [sitepoint] 构建一个面部识别应用程序 。
• 如何使用React Native [sitepoint] 构建Android应用 。
• 使用React和WebWL [sitepoint] 构建游戏 。

库和工具

• 如何设置Vim进行React开发 [drivy.engineering]。
• react-boilerplate [github / react-boilerplate]是您下一个React项目的可扩展，脱机的第一个基础。
• react-vt [github / reactvt]是一个针对React开发人员的可视化测试库。
• Mirror [github / mirrorjs]是一个简单，功能强大的React框架，具有最少的API，没有样板。
• React Material UI，React Bootstrap，Semantic UI和（另外四个）– 您应该了解的七个React库 [readwrite]。
• JetBrains Web UI组件是开源 [blog.jetbrains]。
• Gatsby [gatsbyjs]是一个用于React的友好，超快速的静态站点生成器。
• React Static是一个React静态站点生成器，旨在简化配置和数据不可知论性。
• React Native Pull to Refresh [github / nadikuts]是自定义的Pull，用于刷新Android组件。
• Lottie [airbnb.design]是一个iOS，Android和React Native库，可让应用程序像静态图像一样轻松地使用动画。
• Sketch.app [airbnb]是Airbnb提供的另一个工具，可让您编写可渲染到Sketch文档的React组件。

时事通讯

如果所有这些都帮助您进入了React的世界-这里有一些新闻通讯将帮助您了解最新信息。

• 版本控制 [sitepoint] –每日新闻，涵盖了包括React在内的各种主题，有点像这篇文章（文本和链接），由我撰写！
• React Status [react.statuscode] – Cooperpress优秀人士的每周通讯。
• React Newsletter [reactjsnewsletter] –每周新闻，由Tyler McGinnis和Ean Platter策划。
• React摘要 [reactdigest] –每周新闻，每个星期一发送五个React链接。

我们错过了什么？

最后，如果您找到了属于此处的出色的React资源或工具，请在下面的表格中告诉我们。 快乐的React。 React。 重新行动。 所有这些东西！

由Typeform提供支持

翻译自: https://www.sitepoint.com/learn-react-everything-need-get-started/

react入门