自己動手實現乙個簡單的React

2021-09-12 07:55:02 字數 560 閱讀 8540

為了更好的理解react,我決定讀preact的原始碼,preact是乙個非常小的框架,同時也和react的實現原理以及api一樣,幾乎可以很好代替react。雖然還是有一些差異的。但是使用的時候幾乎不會有什麼違和感。

看原始碼總是不夠過癮,於是做了乙個偉大的決定就是自己親手去寫乙個react,畢竟preact也不大,**的槽點也很多,我實現的會比preact更加簡潔優雅。

下邊是相關的部落格。

自己動手實現乙個簡單的 react(一)———— 配置 babel 和支援 jsx

自己動手實現乙個簡單的 react(二)———— 支援元件和生命週期的初步實現

自己動手實現乙個簡單的 react(三)———— diff 演算法

自己動手實現乙個簡單的 react(四)———— setstate 的合併和非同步

自己動手實現乙個簡單的 react(五)———— shouldcomponentupdate 和事件繫結

目前還在研究階段,會不斷的更新和完善,相容更多的功能和特性。

對了,最近離職,歡迎掘金圈裡的大神來招降我。

preact原始碼

react原始碼

自己動手實現乙個簡單的string類 一

定義乙個基本的 string 類 class string private char base long int length 我們可以看到在這個類裡面我們用乙個char型指標來儲存字串值,long int 型值length來儲存字串的長度。由於我們知道string類支援這樣的建構函式 string...

自己動手程式設計實現乙個shell

這是本部落格的第乙個文章 主要介紹如何用 c 語言基於linux系統來實現乙個簡單shell,diy 乙個shell。通過自己程式設計實現乙個linux下的 shell,可以使得個人對程序的概念 程序的通訊和作業系統的執行的理解更加的深刻。還會大大增加個人學習的成就感,提供學習興趣。這乙個文章 被命...

自己動手實現乙個MVVM庫

我們知道的,常見的資料繫結的實現方法 1 資料劫持 vue 通過object.defineproperty 去劫持資料每個屬性對應的getter和setter 2 髒值檢測 angular 通過特定事件比如input,change,xhr請求等進行髒值檢測。3 發布 訂閱模式 backbone 通過...