React Playground 實現原理揭祕
大家應該都用過在線寫代碼的工具，比如 vue 的 playground：左邊寫代碼，右邊實時預覽。右邊還可以看到編譯後的代碼：這是一個純前端項目。 類似的，也有 React Playground。那它是怎麼實現的呢？我們自己能實現一個麼？可以的，今天我們來分析下實現思路。首先是編譯：編譯用的 @babel/standalone，這個是 babel 的瀏覽器版本。可以用它實時把 tsx 代碼編譯爲 ⌘ Read more