移动端程序员刚开始学前端开发，看了几天 react，主要是它的各种生态搞的晕乎乎，想找点东西练练手

[ciki]

想找点东西练练手，这样才能融会贯通，但是苦于无从下手，求推荐点资源，另外有没有对新手比较友好的脚手架。不用太关注各种乱七八糟环境的，我只想先搞出点东西，后面再来慢慢补这些环境的知识。

我学 react 不是为了 RN

[guomuzz]

官方的 https://facebook.github.io/create-react-app/

[Terry05]

不要看视频，不要看文章，全套内容看完，准备开始做了，发现自己还是毛都不会！！！



最先要想好的就是要做什么练手的东西，想好了就直接开始干，在做的过程中不断解决问题，学习知识，才是又快记忆又深

等感觉自己有阶段性成果后，再回头考虑把自己练手的东西再重构一遍

[hk3475]

React 是出了名的好上手啊，写几个 component 就能体会了。之后的坑吗，慢慢趟。

[ciki]

@guomuzz 用了这个，发现一旦 npm eject 后噩梦就来了,问下这个和阿里的那个 dva 相比，哪个更好用点

[ranwu]

@Terry05 赞同，先想想构建一个页面，要实现哪些功能，然后想办法怎么实现（先用原生实现，然后想想为什么要用 react ）。

[luoway]

用 Vue 的笑笑不说话。
楼主刚开始学前端就用上了 React，我建议抄代码，多抄几遍才能搞定前端从代码到页面渲染成功的过程。

[maichael]

@ciki 完全可以不 eject 使用，你 eject 的目的是什么。

[stellar]

作为前端开发表示要是能把你的客户端开发技能传授给我就好了

[leaveeel]

看官方文档 敲一遍例子
自己写一个 todo list，再读代码和文档，如果有优化空间就再把这个 todo list 重构一遍
看 redux 文档或者博客，跟着写一个 demo。
自己另外写一个 demo。报错照着文档 /博客的 demo 和讲解 debug 直到跑通，再写一个没问题的 demo。
写一个 react+redux 的 demo，跑通。
"看一遍 axios，没时间也可以以后再看，数据先用 require 导入自己做的 json 代替
找个网站重构。碰到问题就查文档百度 gg 博客，复杂问题单独建个 demo 写，解决了移植到主干上

[ChefIsAwesome]

别搞什么脚手架，别搞什么状态管理的第三方东西，浪费时间。react 就是组件化，专注高性能渲染，简简单单没有其它东西。等你东西做起来了，真遇上问题了，自然会去找第三方的资源。

[behanga]

搞什么前端,来搞底层啊,浏览器内核啊,v8 引擎啊,c++多有意思啊.

[visonme]

专注 React
了解 React 解决什么问题，以及主要应用在那些地方比较合适，然后着手写个 example，这个 example 应该要涉及到 react 的所有知识，这些知识不包括 Redux，route 等周边。

等你真的熟悉 React 后，再去接触周边的产品 redux，route 等 ~ 就不会想现在这么头大了~

一个个突破，包括配置等，前期推荐用 create-react-app 构建，UI 可以用第三方可以可以练手自己写 style

[Mikewu]

最好先别用脚手架，建议以下学习路线一步一步来：
html+css+javascript => react => Flux => redux => redux-thunk => redux-saga
上面差不多了就可以开始整理项目结构，使用一些第三方脚手架之类的，找个大一点的开源项目学习学习

[wobuhuicode]

ES6 语言特性了解一下，研究一下 CSS 布局，然后写个电商就好了。我学三端开发都是这一个步骤，基本上写一个电商 demo 就可以涵盖很多需要用到的知识点。

[learnshare]

别上 React Native，真别上

[f2ck]

直接上手 Flutter 吧，新用户的话 RN 不建议在上车了。

[dfourc]

@learnshare 哈哈哈哈哈哈

[murmur]

自己开发 react-naive

[learnshare]

@f2ck Flutter 上手难度不大，只是写界面比较啰嗦

[f2ck]

@learnshare 我认为，不久能取代 RN 的以及主流的 hybird 方案就是 flutter，现在才是 beta，后期应该会经过几个版本的迭代会更加的友好的。

[lancelock]

比起 flutter 我还是想学学原生,不过 swift 这个版本更新真是让人无语。

[66beta]

为什么要选 react 呢，选 vue 啊面向新手友好

[Cryse]

create-react-app 2.0 大部分情况下已经不需要 eject 了，常用功能都有了

[Cryse]

另外可以试试 rematch， 比 dva 概念更少，也没有那么强的侵入性

[Cryse]

另外，建议使用 typescript，方便很多 create-react-app 现在也支持了

[ciki]

@66beta #22 vue 等 3.0 再说

[ciki]

@Cryse #25 ts 用了几下，感觉前期用这个不利于学习，太繁琐了，还是等后面再说

[royzxq]

CRA 2.0 么， 应该是我不会用吧， 对 ts 的支持只能用点点点来形容。

[wengjin456123]

官网很明白吧？

[realkenshinji]

不都是从做 todo list 开始的么