移动端程序员刚开始学前端开发，看了几天 react，主要是它的各种生态搞的晕乎乎，想找点东西练练手
ciki · 2018-11-27 14:18:08 +08:00 · 3473 次点击这是一个创建于 2224 天前的主题，其中的信息可能已经有所发展或是发生改变。
想找点东西练练手，这样才能融会贯通，但是苦于无从下手，求推荐点资源，另外有没有对新手比较友好的脚手架。不用太关注各种乱七八糟环境的，我只想先搞出点东西，后面再来慢慢补这些环境的知识。
第 1 条附言 · 2018-11-27 17:43:14 +08:00
我学 react 不是为了 RN
 |
1
guomuzz 2018-11-27 14:23:51 +08:00
|
 |
2
Terry05 2018-11-27 14:26:15 +08:00
不要看视频，不要看文章，全套内容看完，准备开始做了，发现自己还是毛都不会！！！
最先要想好的就是要做什么练手的东西，想好了就直接开始干，在做的过程中不断解决问题，学习知识，才是又快记忆又深 等感觉自己有阶段性成果后，再回头考虑把自己练手的东西再重构一遍 |
 |
3
hk3475 2018-11-27 14:29:41 +08:00
React 是出了名的好上手啊，写几个 component 就能体会了。之后的坑吗，慢慢趟。
|
 |
5
ranwu 2018-11-27 14:30:42 +08:00
@Terry05 赞同，先想想构建一个页面，要实现哪些功能，然后想办法怎么实现（先用原生实现，然后想想为什么要用 react ）。
|
 |
6
luoway 2018-11-27 14:52:24 +08:00
用 Vue 的笑笑不说话。
楼主刚开始学前端就用上了 React，我建议抄代码，多抄几遍才能搞定前端从代码到页面渲染成功的过程。 |
 |
8
stellar 2018-11-27 15:17:30 +08:00
作为前端开发表示要是能把你的客户端开发技能传授给我就好了
|
 |
9
leaveeel 2018-11-27 15:58:56 +08:00
看官方文档 敲一遍例子
自己写一个 todo list，再读代码和文档，如果有优化空间就再把这个 todo list 重构一遍 看 redux 文档或者博客，跟着写一个 demo。 自己另外写一个 demo。报错照着文档 /博客的 demo 和讲解 debug 直到跑通，再写一个没问题的 demo。 写一个 react+redux 的 demo，跑通。 "看一遍 axios，没时间也可以以后再看，数据先用 require 导入自己做的 json 代替 找个网站重构。碰到问题就查文档百度 gg 博客，复杂问题单独建个 demo 写，解决了移植到主干上 |
 |
10
ChefIsAwesome 2018-11-27 16:11:44 +08:00
别搞什么脚手架，别搞什么状态管理的第三方东西，浪费时间。react 就是组件化，专注高性能渲染，简简单单没有其它东西。等你东西做起来了，真遇上问题了，自然会去找第三方的资源。
|
 |
11
behanga 2018-11-27 16:12:37 +08:00
搞什么前端,来搞底层啊,浏览器内核啊,v8 引擎啊,c++多有意思啊.
|
 |
12
visonme 2018-11-27 16:12:40 +08:00
专注 React
了解 React 解决什么问题，以及主要应用在那些地方比较合适，然后着手写个 example，这个 example 应该要涉及到 react 的所有知识，这些知识不包括 Redux，route 等周边。 等你真的熟悉 React 后，再去接触周边的产品 redux，route 等 ~ 就不会想现在这么头大了~ 一个个突破，包括配置等，前期推荐用 create-react-app 构建，UI 可以用第三方可以可以练手自己写 style |
 |
13
Mikewu 2018-11-27 16:18:21 +08:00
最好先别用脚手架，建议以下学习路线一步一步来：
html+css+javascript => react => Flux => redux => redux-thunk => redux-saga 上面差不多了就可以开始整理项目结构，使用一些第三方脚手架之类的，找个大一点的开源项目学习学习 |
 |
14
wobuhuicode 2018-11-27 16:22:19 +08:00
ES6 语言特性了解一下，研究一下 CSS 布局，然后写个电商就好了。我学三端开发都是这一个步骤，基本上写一个电商 demo 就可以涵盖很多需要用到的知识点。
|
 |
15
learnshare 2018-11-27 16:23:51 +08:00
别上 React Native，真别上
|
 |
16
f2ck 2018-11-27 16:28:35 +08:00
直接上手 Flutter 吧，新用户的话 RN 不建议在上车了。
|
 |
17
galikeoy 2018-11-27 16:38:07 +08:00
@learnshare 哈哈哈哈哈哈
|
 |
18
murmur 2018-11-27 16:40:41 +08:00
自己开发 react-naive
|
|
19
learnshare 2018-11-27 16:53:17 +08:00
@f2ck Flutter 上手难度不大，只是写界面比较啰嗦
|
|
20
f2ck 2018-11-27 17:12:22 +08:00
@learnshare 我认为，不久能取代 RN 的以及主流的 hybird 方案就是 flutter，现在才是 beta，后期应该会经过几个版本的迭代会更加的友好的。
|
 |
21
lancelock 2018-11-27 18:10:18 +08:00
比起 flutter 我还是想学学原生,不过 swift 这个版本更新真是让人无语。
|
 |
22
66beta 2018-11-27 18:12:15 +08:00 via Android
为什么要选 react 呢，选 vue 啊面向新手友好
|
 |
23
Cryse 2018-11-27 18:17:42 +08:00
create-react-app 2.0 大部分情况下已经不需要 eject 了，常用功能都有了
|
|
24
Cryse 2018-11-27 18:19:09 +08:00
另外可以试试 rematch， 比 dva 概念更少，也没有那么强的侵入性
|
|
25
Cryse 2018-11-27 18:20:14 +08:00
另外，建议使用 typescript，方便很多 create-react-app 现在也支持了
|
 |
28
royzxq 2018-11-27 19:54:46 +08:00
CRA 2.0 么， 应该是我不会用吧， 对 ts 的支持只能用点点点来形容。
|
 |
29
wengjin456123 2018-11-27 20:39:05 +08:00 via Android
官网很明白吧？
|
 |
30
realkenshinji 2018-11-28 10:05:35 +08:00
不都是从做 todo list 开始的么
|
Select Language