減少?gòu)?fù)雜度
我們已經(jīng)有了 React/Vue/Angular, 為什么還需要 aoife?
現(xiàn)代前端框架 (如 React / Vue) 帶來(lái)了非常多新概念,但是卻隔離了 DOM 的操作类嗤。
其實(shí)現(xiàn)代 DOM 的 API 已經(jīng)非常優(yōu)秀牧抵,并且利用原生 DOM 開(kāi)發(fā)的組件采章、模塊生命力極強(qiáng)蹂喻,可以用在任何高級(jí)框架中民假,并且 API 穩(wěn)定性極強(qiáng)蝌蹂。
aoife 存在的目的,是為了移除現(xiàn)代前端開(kāi)發(fā)的復(fù)雜度库倘,并且保留現(xiàn)代前端工程的優(yōu)秀特性临扮。
aoife 是一個(gè)原生 JS 開(kāi)發(fā)框架,或者叫 Vanilla JS 框架教翩,我們完全拋棄了框架的生命周期的概念杆勇,保留了聲明式的特性,利用原生 HTMLElement 進(jìn)行組件封裝來(lái)確北ヒ冢跨框架的組件生命力蚜退。
操作 DOM 帶來(lái)了比使用虛擬 DOM 更強(qiáng)大的能力及性能,而其中的關(guān)鍵是我們?nèi)绾蝺?yōu)雅的創(chuàng)建和操作 DOM彪笼,所以 aoife 其實(shí)并不是一款框架钻注,內(nèi)部?jī)H僅是實(shí)現(xiàn)了一些 JSX 渲染原生 HTML 的方法、 HTML 更新的方法配猫,這已足夠開(kāi)發(fā)任何復(fù)雜前端項(xiàng)目了幅恋。
特性
- 聲明式
- 直接并且優(yōu)雅的操作 DOM
- 原生元素即組件
- 異步組件
- 無(wú)生命周期
- 普通對(duì)象即狀態(tài)
- 高性能:零額外重繪
- 基于您熟悉的 JSX
- 輕量,承諾體積永遠(yuǎn)小于 10 kb(gzip)
遠(yuǎn)離疲倦
近年以來(lái)泵肄,React Hooks 已經(jīng)普及捆交,Vue 也已發(fā)布 Vue 3.0。社區(qū)為此需要更新非常多的相關(guān)庫(kù)腐巢,行業(yè)人員需要學(xué)習(xí)全新的概念品追。未來(lái)還會(huì)有其他新版本,周而復(fù)始冯丙。而這些都是各類框架提供的概念肉瓦,我們?yōu)榇朔磸?fù)奔波學(xué)習(xí),前端的本質(zhì)的 DOM API 卻越來(lái)越生疏。
aoife 借助于 JSX 語(yǔ)法和原生 DOM API泞莉,它的核心是組織 JSX 和 DOM API洁墙,簡(jiǎn)單意味著生命強(qiáng)、兼容性強(qiáng)戒财。這使得我們得以把核心放在業(yè)務(wù)热监、和基礎(chǔ)技能的提升,遠(yuǎn)離疲倦饮寞。
讓我們開(kāi)始旅途
開(kāi)始 aoife 輕松之旅途孝扛,請(qǐng)?jiān)L問(wèn):Aoife 官方文檔
這是短暫且輕松的旅途,我希望您丟掉包袱幽崩,感受微風(fēng)苦始,旅途的終點(diǎn)是前端故里,一個(gè)簡(jiǎn)單且觸碰本質(zhì)的前端世界慌申。
相信我陌选,aoife 中沒(méi)有難以理解的概念,一切都很簡(jiǎn)單蹄溉。