React是一个JavaScript库,最初由Facebook的开发人员构建,用于构建快速的用户界面。 如果您将脚趾伸入React水域,或者您的React开发旅程正在加速,那么可能很难掌握基础知识,技术,工具和技巧–因此,我们创建了本指南以了解其中的内容以及我们的建议。 无论您在旅途中的何处,您都需要的最佳React内容就在这里-看看并潜入其中! (如果您认为我们错过了一些事情,请在下面的表格中告诉我们!)
2017年9月18日更新,其中包含有关为Vim进行React开发设置的指南 [drivy.engineering]和有关使用React和WebGL构建游戏的指南 [sitepoint]。
文章
无论您是决定还是要投入React,还是正在寻找更高级的工具和系统,这里都是我们能找到的最好的书面资源。
简介与比较
- 如何判断React是否最适合您的下一个项目 [站点]。
- 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]。
- 深入反应动画 [中等/反应本机训练]。
- 组件文件夹模式 [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]是用于刷新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策划。
- 反应摘要 [reactdigest] –每周新闻,每个星期一发送五个React链接。
我们错过了什么?
最后,如果您找到了属于此处的出色的React资源或工具,请在下面的表格中告诉我们。 快乐的反应。 反应。 重新行动。 所有这些东西!
From: https://www.sitepoint.com/learn-react-everything-need-get-started/