zxhycxq

深入 React之前

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

我正在帮助几位朋友学习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 我一下 。

相关文章