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

2018-11-27 14:18:08 +08:00
 ciki
想找点东西练练手,这样才能融会贯通,但是苦于无从下手,求推荐点资源,另外有没有对新手比较友好的脚手架。不用太关注各种乱七八糟环境的,我只想先搞出点东西,后面再来慢慢补这些环境的知识。
3369 次点击
所在节点    程序员
30 条回复
guomuzz
2018-11-27 14:23:51 +08:00
Terry05
2018-11-27 14:26:15 +08:00
不要看视频,不要看文章,全套内容看完,准备开始做了,发现自己还是毛都不会!!!



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

等感觉自己有阶段性成果后,再回头考虑把自己练手的东西再重构一遍
hk3475
2018-11-27 14:29:41 +08:00
React 是出了名的好上手啊,写几个 component 就能体会了。之后的坑吗,慢慢趟。
ciki
2018-11-27 14:30:04 +08:00
@guomuzz 用了这个,发现一旦 npm eject 后噩梦就来了,问下这个和阿里的那个 dva 相比,哪个更好用点
ranwu
2018-11-27 14:30:42 +08:00
@Terry05 赞同,先想想构建一个页面,要实现哪些功能,然后想办法怎么实现(先用原生实现,然后想想为什么要用 react )。
luoway
2018-11-27 14:52:24 +08:00
用 Vue 的笑笑不说话。
楼主刚开始学前端就用上了 React,我建议抄代码,多抄几遍才能搞定前端从代码到页面渲染成功的过程。
maichael
2018-11-27 14:55:37 +08:00
@ciki 完全可以不 eject 使用,你 eject 的目的是什么。
stellar
2018-11-27 15:17:30 +08:00
作为前端开发表示要是能把你的客户端开发技能传授给我就好了
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 写,解决了移植到主干上
ChefIsAwesome
2018-11-27 16:11:44 +08:00
别搞什么脚手架,别搞什么状态管理的第三方东西,浪费时间。react 就是组件化,专注高性能渲染,简简单单没有其它东西。等你东西做起来了,真遇上问题了,自然会去找第三方的资源。
behanga
2018-11-27 16:12:37 +08:00
搞什么前端,来搞底层啊,浏览器内核啊,v8 引擎啊,c++多有意思啊.
visonme
2018-11-27 16:12:40 +08:00
专注 React
了解 React 解决什么问题,以及主要应用在那些地方比较合适,然后着手写个 example,这个 example 应该要涉及到 react 的所有知识,这些知识不包括 Redux,route 等周边。

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

一个个突破,包括配置等,前期推荐用 create-react-app 构建,UI 可以用第三方可以可以练手自己写 style
Mikewu
2018-11-27 16:18:21 +08:00
最好先别用脚手架,建议以下学习路线一步一步来:
html+css+javascript => react => Flux => redux => redux-thunk => redux-saga
上面差不多了就可以开始整理项目结构,使用一些第三方脚手架之类的,找个大一点的开源项目学习学习
wobuhuicode
2018-11-27 16:22:19 +08:00
ES6 语言特性了解一下,研究一下 CSS 布局,然后写个电商就好了。我学三端开发都是这一个步骤,基本上写一个电商 demo 就可以涵盖很多需要用到的知识点。
learnshare
2018-11-27 16:23:51 +08:00
别上 React Native,真别上
f2ck
2018-11-27 16:28:35 +08:00
直接上手 Flutter 吧,新用户的话 RN 不建议在上车了。
galikeoy
2018-11-27 16:38:07 +08:00
@learnshare 哈哈哈哈哈哈
murmur
2018-11-27 16:40:41 +08:00
自己开发 react-naive
learnshare
2018-11-27 16:53:17 +08:00
@f2ck Flutter 上手难度不大,只是写界面比较啰嗦
f2ck
2018-11-27 17:12:22 +08:00
@learnshare 我认为,不久能取代 RN 的以及主流的 hybird 方案就是 flutter,现在才是 beta,后期应该会经过几个版本的迭代会更加的友好的。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/511957

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX