先寫一個 todolist 吧,其實沒那么難附上我剛學的時候寫的 todolist: https://github.com/funlee/react-todo-mvc
我一個iOS開發直接看了兩三天,直接都上手寫項目了,世上無難事自豪地采用 CNodeJS ionic
等你學了 Redux,那才爽
不難,多寫就會了,而且React在入門階段,你理解為html, 本來html有不同的標簽比如div,p, h1等之類的東西,這些東西有屬性,比如 style,對應到react,你可以理解為,除了HML標簽之外,可以自己定義一些標簽,他的props就是標簽的屬性,之后你再去理解他的component,就是一個普通的javascript函數,然后你再理解生命周期
我三大框架都基本做過,其實學多了,你就會發現react才是需要記東西最少的那個。
@JeffWong16 是的,我一直用react的原因就是這個,我記不住太多的東西
世上無難事只怕有心人
@JeffWong16 確實是這樣,省去很多去記模版渲染的方法,但是很多人不喜歡 JSX
react本身是不難的,難得是相關技術棧特別多
這說明js基礎不行啊
很靈活的啊,看看阮老師等入門教程就行了。比如webpack配合寫個小例子,我用redux重寫了阮元風老師的計數例子應用。本人喜歡react編寫靈活,vue太死板。https://github.com/hemingming/redux-counter
可以先看下基礎入門的文章,比如:https://github.com/jnotnull/dva-generator/issues/4
初學會覺得復雜,實際項目用起來就不覺得了,反而成長更快。另外,Vue.js的學習曲線要平滑一些,容易入門。
來自? Node.js開源項目精選?
感覺難先學vue,建立對一些基本概念的認知,比如組件,生命周期,狀態,然后再進去就簡單多了,假如我學會了js的變量字符串,類,再去學java是不是簡單很多。先從簡單的入門From Noder
@phpsmarter 感覺 mobx 挺舒服的 用起來
react入門其實挺簡單的,jsx的語法很符合直覺。跟隨getting started一步一步修改代碼,一個下午就能入門了。
當然這僅針對react本身,用于實際項目可能還要考慮其他東西,不如狀態管理、引入UI組件、構建、SSR等,這些就屬于react周邊了。
從入門的角度來講,Vue是語法兼容性最好的,中英文文檔比較齊全,原理上學習難度較低。React 相對來講會復雜一點,不僅沒有官方的中文文檔而且國內已存在的React中文翻譯文檔也沒能同步更新,查閱上有一定的難度,其次JSX語法、UI組件、組件生命周期等等概念對新手還是需要些時間理解。
少說多做,按照官方文檔一步一步的學習,其實MVVM的框架學習難度也不大,而且理解其一基本上就知其三了。
凡事都是入門難 中間難 最后難。。。。
@qiudaoermu 哈哈,有道理
比angular簡單,angular才叫犯,連雙向綁定都要引入模塊,語法啰嗦
16年的時候,我們做項目,最開始的選型是vue,后來基于某些原因,我們放棄了vue而選擇了react那時候react還沒有發布16.0.x,所以我們買了兩本書,花了一周看完書,就開始做項目現在18年了,真心覺得react好用,配合redux也很爽;可惜redux需要寫的代碼太多,而mobx又太靈活,沒有一個規則去限制它總的來說react還是很不錯的一個框架,真心不難
@chapgaga 也沒有特別復雜,就是一個單頁實現文件的上傳,然后后端轉碼,后端轉碼成功后返回給前端,前端狀態改變,將文件下載到本地。之前還做過一個分類管理,不過都不是什么特別復雜的東西
說實話,學到能獨立完成react項目的開發及上線,是需要一段時間的,凡事開頭難,貴在你是否喜歡react的思想(堅持)正確里面react的生命周期函數很重要(數據注入及更新,以及銷毀),數據的處理主要是函數式編程掌握了基礎,還有一些常用的
實操 react+redux+postcss
@phpsmarter reasonml更爽:)
@qiudaoermu 那什么時候簡單呢:(
努力吧,孩子
未來框架Vueaclar自豪地采用 CNodeJS ionic
去學學vue吧,這個相對簡單,你值得擁有
我正在寫的 react 第一個項目… 正在進行時??…
https://github.com/pythonxCat/react-cnode
我也是剛開始學 react, 學了半個月左右了…可以關注下…會在readme 里面加解說 (:
如果有新手想采坑, 我推薦下我的學習路徑…發現還沒怎么覺得特別困難.
https://github.com/pythonxCat/learn-react/tree/master/Notes/Redux 這邊是我學習 redux/react-redux 快速開始的筆記…不吝分享(個人水平有限…也歡迎拍磚)
上述課程(react 基礎, react-redux 基礎)完成后, 咱們直奔 react-router 官網邊試官方 demo 和文檔學習 react-router.當然如果你覺得自己看英文文檔吃力…可以試試看這邊人家翻譯的中文檔:https://www.jianshu.com/p/1781bc1dd938#24-history試著把 demo 自己一個個的手動敲下來… 估計就能上手項目啦…
react-router 課程搞定后…咱們試試看看如何對項目進行架構,代碼拆分,這部分再次看視頻課程:https://time.geekbang.org/course/detail/100-11278 22 ~25講的真的非常棒…老司機多年的經驗…代碼拆分讓我之前的困惑一掃而光…
如果這些都搞完了…覺得好像招聘要求回前端各種測試,
基礎的入門視頻教程,快,爽(不過貌似要英語聽力過的去)https://www.youtube.com/watch?v=MLTRHc5dk6s&t=325shttp://www.ruanyifeng.com/blog/2015/12/a-mocha-tutorial-of-examples.html9.2 react 測試https://github.com/pythonxCat/frontend-testing#chapter-2-react-testing
react ,快速上手,我就是大量的做小項目,希望能幫到你
+1 ts 還是 angular 好
前段時間剛用react開發的一個前端項目,樓主有興趣可以看看,項目用的 create-react-app 初始化的 https://cnodejs.org/topic/5bad8135ede204052db8024a
我覺得redux難
整理了一個簡單的教程,有興趣可以看看https://17dev.club/article/5bd5ddcbc19a696b04651791