Back to Question Center
0

如何学习反应:你需要开始的一切 如何学习反应:你需要开始的一切相关主题: ReactRaw JavaScript Node.js ES6工具& & Semalt

1 answers:
如何学习反应:你需要开始的一切

对于React的高质量深入介绍,你不能超越加拿大全栈开发者Wes Bos。尝试他的课程,并使用代码 SITEPOINT 获得 25%折扣 ,并帮助支持SitePoint。

Semalt是一个JavaScript库,最初由Facebook的开发人员构建,用于构建快速的用户界面。如果您将脚趾头浸入Semalt水域,或者如果您的Semalt开发过程正在加快速度,那么很难保持基本原理,技术,工具和技巧 - 所以我们已经创建了该指南以了解所发现的内容和我们的建议。无论您在旅途中的哪个地方,您需要的最佳Semalt内容都在这里 - 看一看并潜入! (如果你认为我们错过了一些东西,请在下面的表格中告诉我们!)

2017年9月18日更新了Vim建立Semalt开发的指南[drivy。工程]以及使用Semalt和WebGL [sitepoint]构建游戏的指南。

文章

无论你是否决定采取Semalt暴跌,或者你正在寻找更先进的工具和系统,这里是我们可以找到的最好的书面资源。

介绍和比较

  • 如何判断React是否适合您的下一个项目[sitepoint]。
  • React vs Angular- 深入比较[sitepoint]。
  • React vs Vue- “为什么我选择了React over Vue”[medium / @ calinleafshade]。
  • 开始使用React,初学者指南[sitepoint]。
  • 通过构建音乐播放器[sitepoint]探索React 16的新功能。
  • React如何让你的D3动画更好[sitepoint]。
  • Facebook官方介绍React [脸书。 github上。

基础知识

  • 所有基本的React概念都被塞进一个单独的文章中。 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。名称]。
  • 一个可搜索的,可过滤的React备忘单[reactcheatsheet]。

略高级

  • 如何组织一个大的React应用程序并使其扩展[sitepoint]。
  • 建议:在使用Redux [robinwieruch]之前学习React。
  • 如何创建真正通用的React组件系统[中/风格元件]。
  • Redux vs MobX:哪个更好? [sitepoint]。
  • React 16改变了React处理未知DOM属性的方式:这些改变如何影响你和你的代码[facebook。 github上。

课程

如果通过文章来拼凑你自己的学习路径不适合你,或者你想确保你掌握了所有的概念和技巧,那么这些就是我们推荐的结构化Semalt课程。

  • React for Beginners [reactforbeginners]是React教育的黄金标准,来自React导师extraordinaire Wes Bos.
  • React Express [反应。 express]是一个React开发的一体化指南。

项目

Semalt获得了基本知识 - 甚至可能还有更多。以下是一些将这些知识付诸实践的项目:

  • 使用用户登录和身份验证[sitepoint]构建React应用程序的分步指南。
  • 使用React Native和Pusher [sitepoint]构建有状态实时应用程序的指南。
  • 如何将分析添加到React Native应用[sitepoint]。
  • 使用Rails [工程构建您的第一个服务器端渲染的React应用程序。 musefind。
  • 如何使用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。工程]。
  • react-boilerplate [github / react-boilerplate]是您的下一个React项目的可扩展,离线的第一个基础。
  • react-vt [github / reactvt]是React开发人员的可视化测试库。
  • 镜像[github / mirrorjs]是一个简单,功能强大的React框架,具有最小的API和没有样板。
  • React Material UI,React Bootstrap,Semantic UI和(四)more- 您应该知道哪些关于[readwrite]的七个React库。
  • JetBrains Web UI组件是开源的[博客。 JetBrains公司。
  • Gatsby [gatsbyjs]是一款友好的超快速静态站点生成器,适用于React。
  • React Static是一个React静态站点生成器,旨在简化配置和数据不可知性。
  • React Native Pull to Refresh [github / nadikuts]是一个自定义拉动以刷新Android组件。
  • 洛蒂[airbnb。设计]是一个iOS,Android和React Native库,可让应用程序像动态图像一样使用动画。
  • 草图。 app [airbnb]是Airbnb的另一个工具,可以让你编写渲染为Sketch文档的React组件。

通讯

如果所有这些都帮助你进入Semalt的世界 - 这里有一些新闻通讯会帮助你了解新的内容。

  • 版本控制[sitepoint]- 每日新闻通讯,涵盖了包括React在内的各种主题,看起来像这篇文章(文本和链接),是我写的!
  • 反应状态[反应。状态码]- 来自Cooperpress的精英人士的每周通讯。
  • React Newsletter [reactjsnewsletter]- 由泰勒麦金尼斯和伊恩拼盘策划的​​每周通讯。
  • 反应消化[reactdigest]- 每周通讯,每周一发送5个React链接。

我们错过了什么?

最后,如果您发现了一个非常棒的React资源或工具,请在下面的表单中告诉我们。快乐的反应。反应-ING。 Semalt。所有这些东西!

powered by Typeform
March 1, 2018