1. 程式人生 > >從零實現一個React:Luster(一):JSX解析器

從零實現一個React:Luster(一):JSX解析器

前言

這是之前在掘金髮的兩條沸點,懶得寫了,直接複製過來作為前言了。然後這個專案可能之後還會繼續寫,增加一些路由或者模板引擎的指令什麼的,但是再過沒多久寒假就有大塊時間了就可能不摸這個魚去開其它坑了,隨緣吧。所以先寫JSX的解析器吧,這個部分也比較獨立

掘金沸點裡有一些程式碼截圖,就不發在markdown裡

算是利用期末考這段碎片時間摸一個水專案吧

專案地址:

  1. jsx-parser

  2. luster

12.21

最近心情比較低落,摸魚也摸到恐慌,然後昨天就想著隨便寫點東西吧。然後就先選了用JavaScript寫,就順便想到了React。所以有了這個小破輪子,一個前端算是view層的框架吧,算是一個乞丐弱智版的React吧,只有兩百多行。

然後又想著竟然都造輪子了,那乾脆JSX語法的轉譯也不用babel了,所以今天就摸了一個jsx的解析器,也只有兩百多行

算是一個學習的過程吧,雖然以後也不打算幹前端,也都看看

反正也快期末考了,沒大塊時間了,就繼續摸這個專案吧,可能會再加上state和dom diff之類的吧,再做點創新?

程式碼很水)不是前端)玩具而已)大佬輕噴)

12.22

繼上一條,這個乞丐版React昨天又增加了setState和dom-diff演算法。成功的實現了功能,然後把程式碼寫成了一坨