天天看點

自己動手實作一個簡單的React

為了更好的了解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

來源:掘金

著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。

繼續閱讀