為了更好的了解react,我決定讀preact的源碼,preact是一個非常小的架構,同時也和react的實作原理以及API一樣,幾乎可以很好代替react。雖然還是有一些差異的。但是使用的時候幾乎不會有什麼違和感。
看源碼總是不夠過瘾,于是做了一個偉大的決定就是自己親手去寫一個react,畢竟preact也不大,代碼的槽點也很多,我實作的會比preact更加簡潔優雅。
源碼在這裡 歡迎大家積極star
這個過程比我想象中的簡單一點,很推薦大家有時間跟着我的部落格嘗試一下,下邊是我寫的一些部落格。能力有限,是以源碼裡還是會有一些瑕疵的,歡迎大家指出我的問題,讓我可以把這個小項目改進的足夠好。
相關部落格
下邊是相關的部落格。
自己動手實作一個簡單的 React(一)———— 配置 babel 和支援 jsx
自己動手實作一個簡單的 React(二)———— 支援元件和生命周期的初步實作
自己動手實作一個簡單的 React(三)———— diff 算法
自己動手實作一個簡單的 React(四)———— setState 的合并和異步
自己動手實作一個簡單的 React(五)———— shouldComponentUpdate 和事件綁定
目前還在研究階段,會不斷的更新和完善,相容更多的功能和特性。
對了,最近離職,歡迎掘金圈裡的大神來招降我。
參考連結
preact源碼
react源碼
作者:白小寒
連結:https://juejin.im/post/5c81b7c2f265da2de80f90e2
來源:掘金
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。