摘要:學(xué)習(xí)了一段時(shí)間的,獨(dú)立完成了一個(gè)練習(xí)?,F(xiàn)總結(jié)一下這個(gè)階段的學(xué)習(xí)經(jīng)歷。總結(jié)我認(rèn)為學(xué)習(xí)一個(gè)技術(shù)有步能看懂代碼的語法,能看懂別人代碼的邏輯并且做一些小修改,能自己從無到有獨(dú)立寫出一個(gè)東西出來。接下來打算把做一些和工程化這兩方面的學(xué)習(xí)。
學(xué)習(xí)了一段時(shí)間的react,獨(dú)立完成了一個(gè)app練習(xí):TodoMVC?,F(xiàn)總結(jié)一下這個(gè)階段的學(xué)習(xí)經(jīng)歷。
個(gè)人背景:熟練掌握javascript,用angular做過一個(gè)項(xiàng)目,粗略的看過ember和polymer。
官網(wǎng)首頁
看一遍官網(wǎng)首頁的內(nèi)容,對(duì)react有一個(gè)大概的了解。
官網(wǎng)的Getting Started 和 Tutorial
跟著官方的Getting Started 和 Tutorial做一遍。
記住,一定要自己動(dòng)手寫,并且寫的時(shí)候一定要思考代碼背后的邏輯和思想。
阮一峰
跟著阮一峰老師的react demo做一遍,加深對(duì)react的理解
記住,同上,一定要自己動(dòng)手寫,并且寫的時(shí)候一定要思考代碼背后的邏輯和思想。
實(shí)踐:todomvc
光學(xué)理論沒用,一定要自己獨(dú)立完成一個(gè)app出來才行。我選擇的是知名的TodoMVC,這個(gè)項(xiàng)目有源代碼,但是我自己寫的時(shí)候沒看源代碼,我只是用它現(xiàn)成的邏輯和UI。 一開始,寫著寫著,發(fā)現(xiàn)對(duì)不知道什么時(shí)候用status,什么時(shí)候用props,于是看了一遍官網(wǎng)上面的thinking in react,這回對(duì)react的組件化思想和status與props的使用有了更深刻的理解,最后獨(dú)立實(shí)現(xiàn)了這個(gè)小app。
總結(jié)
我認(rèn)為學(xué)習(xí)一個(gè)技術(shù)有3步:1. 能看懂代碼的語法,2. 能看懂別人代碼的邏輯并且做一些小修改,3. 能自己從無到有獨(dú)立寫出一個(gè)東西出來。一定要完成第3步才能算一個(gè)里程碑。之后就是反復(fù)迭代這3步的過程。
to be continue
接下來打算把做一些react-native和工程化這兩方面的學(xué)習(xí)。
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/85788.html
摘要:前言以深入學(xué)習(xí)技術(shù)棧為線索,記錄下學(xué)習(xí)的重要知識(shí)內(nèi)容。要傳入時(shí),必須使用屬性表達(dá)式。如果要使用自定義屬性,要使用前綴這與標(biāo)準(zhǔn)是一致的。 前言 以《深入學(xué)習(xí)react技術(shù)?!窞榫€索,記錄下學(xué)習(xí)React的重要知識(shí)內(nèi)容。本系列文章沒有涵蓋全部的react知識(shí)內(nèi)容,只是記錄下了學(xué)習(xí)之路上的重要知識(shí)點(diǎn),一方面是自己的總結(jié),同時(shí)拿出來和在學(xué)習(xí)react的人們一塊分享,共同進(jìn)步。 正文 一:rea...
摘要:現(xiàn)在回過頭總結(jié),才又進(jìn)一步的揭開了閉包的一層后臺(tái)管理系統(tǒng)解決方案前端掘金基于系列的后臺(tái)管理系統(tǒng)解決方案。什么是繼承大多數(shù)人使用繼承不外乎是為了獲得基于的單頁應(yīng)用項(xiàng)目模板前端掘金小貼士本項(xiàng)目已升級(jí)至。 關(guān)于js、jq零碎知識(shí)點(diǎn) - 掘金寫在前面: 本文都是我目前學(xué)到的一些比較零碎的知識(shí)點(diǎn),也是相對(duì)偏一點(diǎn)的知識(shí),這是第二篇。前后可能沒有太大的相關(guān)性,需要的朋友可以過來參考下,喜歡的可以點(diǎn)個(gè)...
摘要:不過幸運(yùn)的是所有面試的公司都給了,在這里總結(jié)下經(jīng)驗(yàn)吧。這里推薦下我當(dāng)時(shí)看的一篇的面經(jīng),木易楊老師寫的大廠高級(jí)前端面試題匯總。 前言 本人畢業(yè)一年,最近陸續(xù)面試了頭條、瓜子、360、猿輔導(dǎo)、中信銀行、老虎等公司,由于最近比較寒冬而且招1-3年的并不多,再加上自己對(duì)公司規(guī)模和位置有一定要求,所以最后合適的也就這幾家了。不過幸運(yùn)的是所有面試的公司都給了offer,在這里總結(jié)下經(jīng)驗(yàn)吧。掘金:h...
摘要:代替我們做了下面例子中函數(shù)做的事情相關(guān)鏈接使用內(nèi)聯(lián)函數(shù)與傳遞的問題在中使用內(nèi)聯(lián)函數(shù)在方法里面定義的函數(shù)并通過傳遞到子組件是很方便的,但是這樣用也會(huì)影響應(yīng)用的性能。 Immutability Helper 這是react官方文檔推薦的方法(源代碼很少)一般的state,例如層級(jí)比較淺的,可以直接用Object.assign或者...(擴(kuò)展語法來解構(gòu)),但是在層級(jí)比較深,或者操作數(shù)組的情況...
閱讀 1080·2021-11-24 10:27
閱讀 3351·2021-11-18 10:02
閱讀 2408·2021-11-16 11:45
閱讀 3173·2021-11-15 18:10
閱讀 841·2021-09-22 15:23
閱讀 1544·2019-08-30 15:53
閱讀 3030·2019-08-30 13:20
閱讀 1678·2019-08-30 12:53