zxhycxq

深入 React之前

zxhycxq · 2017-01-11翻译 · 1020阅读 原文链接

我正在帮助几位朋友学习React,但是只是基础原理方面的。他们之前没有前端开发方面的经验。 如果你已经是一名前端开发工程师,你可以跳到 作为前端工程师,在2017年应该学习哪些东西

学会提问

如何学会提问,何时询问,以及不问什么是重要的。比如说,你不确定如何管理状态,Google搜索 react 状态管理。你可以轻易地看到关于stores和redux的帖子。这将会使你头晕以及过度激动。 在每一次谈话中,我都告诉他们下面的内容:

停止谷歌一下,以及阅读一切关于React的内容。

网络也一样,充满了噪音和过时的信息。很容易在错误的地方结束。一些教程可能会告诉你如何设置 Webpack。这没有什么错的,但是你并不需要这些信息。

从基础开始,除此之外,没有捷径。

一些问题已经和 React 一点关系也没有。他们是一些经典的 JavaScript 问题。避免捷径,他们在开始看起来是没有害处。在中后期,他们使得一些重要的概念困惑和混乱。

不论在什么情况下,他们询问关于 Redux 的东西。

不,在学习 React 的时候也许你不需要 Redux, React Router, CSS Modules, Webpack 或者其他东西。

此刻我想告诉他们的是,停止他们正在做的,首先回到基础上去。

熟悉 Getting familiar

如果你没有前端工程师的背景,你应该学习基础知识。学科知识变得熟悉后,你会知道如何寻找方向。

专注于关键概念而不是细节。

Mozilla开发者网络 或者 MDN是一个好的开始.我将它作为检查任何关于 HTML, CSS or JavaScript 文档细则的主要场所。

网络和浏览器

CSS

JavaScript

Bundlers

工具

Git and GitHub

  • Git flow

  • 在 GitHub 上创建一个仓库

  • 什么是 pull request

  • 在你的电脑上使用git clone 从 GitHub 克隆一个项目

  • Pull, commit 以及 push changes

组件设计

不要被这个清单吓到。

阅读. 试验. 失败. 重复. 持续做下去,直到最后正确。

这不仅是学习 React 的坚实基础,也是其他 web 技术的基础。 如果还有一些内容应该在这份列表的,请在Twitter上 ping 我一下 。

相关文章