摘要:什么是前端框架是什么按照官方的說(shuō)法,是一個(gè)用于構(gòu)建用戶界面的庫(kù),所以它不是一個(gè)框架。在前端中,框架是什么也許很難下定義,但很容易舉例,就是一個(gè)框架。是什么是什么它是一個(gè)框架,是一個(gè)基于開發(fā)的框架。你可以認(rèn)為它是一個(gè)和同級(jí)別的東西。
什么是前端框架
React 是什么?按照官方的說(shuō)法,React 是一個(gè)用于構(gòu)建用戶界面的 JavaScript 庫(kù),所以它不是一個(gè)框架。
在前端中,框架是什么?也許很難下定義,但很容易舉例,Angular 就是一個(gè)框架。
Dahlia 是什么Dahlia 是什么?它是一個(gè)框架,是一個(gè)基于 React 開發(fā)的框架。你可以認(rèn)為它是一個(gè)和 Angular 同級(jí)別的東西。
Dahlia 是一個(gè)大而全的框架,包括了很多東西:
CLI 工具
路由集成
狀態(tài)管理
Http Client
GraphQL Client
表單
彈窗
國(guó)際化
...
為什么創(chuàng)建 Dahlia我為什么不用直接使用 Angular 或者 Vue,最重要的原因是:老了,記憶力衰退。記不住 ngFor,記不住 ngModal,記不住 v-on,接不住 v-show... 記不住眾多的的框架 Api。
因?yàn)槔狭耍?Dahlia 這個(gè)框架暫時(shí)也只支持 TypeScript,因?yàn)槿绻麤]有 TypeScript, dangerouslySetInnerHTML這樣的 Api 也會(huì)令我抓狂,因?yàn)?dangerouslySetInnerHTML 這個(gè)單詞我可能要背好幾周才能寫出來(lái)。
React 以靈活著稱,為什么還要搞一個(gè)框架呢?因?yàn)閼械谜垓v,如果我記憶力足夠好,我應(yīng)該會(huì)選擇 Angular,可惜不夠好,所以搞了一個(gè)大而全 Dahlia,希望能少折騰、多做事、早下班。
Dahlia 有什么特點(diǎn)TypeScript 是一等公民,提供良好的開發(fā)體驗(yàn)
基于 create-react-app,不用關(guān)心 Webpack 配置,享受 React 社區(qū)最優(yōu)秀的 setup、develop、build 工具
漸進(jìn)式 地開發(fā)模式,可以快速上手,也可以開發(fā)復(fù)雜應(yīng)用
Dahlia 非常多地方借鑒了 Next.js,如果說(shuō)和 Next.js 有什么不同,那可能是比 Next.js 更加框架化,使用 Dahlia 你會(huì)有更高開發(fā)效率和更好的開發(fā)體驗(yàn),Dahlia 讓你真正的專注于業(yè)務(wù)的開發(fā),快速解決為各種需求,而不是在各種搗鼓和選擇中迷失自我。
如何使用安裝 Dahlia CLI:
yarn global add dahlia-cli
初始化應(yīng)用:
dh new myapp
它將在當(dāng)前文件夾中創(chuàng)建一個(gè)名為 myapp 的目錄,目錄結(jié)構(gòu)如下:
. ├── package.json ├── pages │?? └── index.tsx └── tsconfig.json
啟動(dòng)開發(fā)服務(wù)器:
cd myapp dh start
Dahlai 現(xiàn)在還在不斷改善完善中,我們團(tuán)隊(duì)已在項(xiàng)目使用,歡迎 PR。
Github 地址:https://github.com/forsigner/...
詳細(xì)文檔:https://dahlia.js.org
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.specialneedsforspecialkids.com/yun/104110.html
摘要:異步數(shù)據(jù)管理一直是前端的一個(gè)重點(diǎn)和難點(diǎn),可以這么說(shuō),的應(yīng)用會(huì)有異步數(shù)請(qǐng)求據(jù)并在中消費(fèi),并且在相當(dāng)多的應(yīng)用中,處理異步數(shù)據(jù)是它的核心業(yè)務(wù)邏輯。總結(jié)個(gè)人認(rèn)為,異步數(shù)據(jù)不應(yīng)該使用狀態(tài)管理來(lái)維護(hù),應(yīng)該放在組件內(nèi)。 異步數(shù)據(jù)管理一直是前端的一個(gè)重點(diǎn)和難點(diǎn),可以這么說(shuō),80%的 web 應(yīng)用會(huì)有異步數(shù)請(qǐng)求據(jù)并在 UI 中消費(fèi),并且在相當(dāng)多的 web 應(yīng)用中,處理異步數(shù)據(jù)是它的核心業(yè)務(wù)邏輯。 在 R...
摘要:關(guān)于前端工具對(duì)于,有官方的。所以我們使用了和類似的解決方案,創(chuàng)建自己團(tuán)隊(duì)專屬的前端工具,這也是我們當(dāng)前的解決方案。我推薦的方案回到文章的標(biāo)題打造前端團(tuán)隊(duì)工具,我認(rèn)為每個(gè)前端團(tuán)隊(duì)都應(yīng)該有自己的工具,這是一個(gè)團(tuán)隊(duì)技術(shù)和經(jīng)驗(yàn)沉淀的重要根據(jù)地。 關(guān)于前端 CLI 工具 對(duì)于 Angular,有官方的 Angular CLI。 對(duì)于 Vue,有官方的 Vue CLI。 對(duì)于 React,有官方...
摘要:官方規(guī)范估計(jì)很難出現(xiàn)現(xiàn)代框架的設(shè)計(jì)了,因?yàn)楣俜皆O(shè)計(jì)中前端三劍客是相互分離的方案,為了解決現(xiàn)階段前端框架的問(wèn)題,必須由完全接管,這幾乎就是,或者支持語(yǔ)法的,可這與最初網(wǎng)頁(yè)設(shè)計(jì)思路是違背的。現(xiàn)代前端框架正在告訴我們新的三劍客虛擬虛擬。 1 引言 深入思考為何前端需要框架,以及 web components 是否可以代替前端框架? 原文地址,建議先閱讀原文,或者閱讀概述。 2 概述 現(xiàn)在前端...
摘要:現(xiàn)代前端框架的使命就是開發(fā)者管理狀態(tài),框架根據(jù)狀態(tài)自動(dòng)生成。專題一覽什么是可變狀態(tài)不可變屬性生命周期組件事件操作抽象 本文是『horseshoe·React專題』系列文章之一,后續(xù)會(huì)有更多專題推出來(lái)我的 GitHub repo 閱讀完整的專題文章來(lái)我的 個(gè)人博客 獲得無(wú)與倫比的閱讀體驗(yàn) 什么是UI? 如果你指的是布局和色彩,那更偏向于設(shè)計(jì)師的工作。 在現(xiàn)代web領(lǐng)域,大家已經(jīng)有一個(gè)共識(shí)...
摘要:確定新的包命名規(guī)則為了盡可能避免包的誤植域名現(xiàn)象,將不會(huì)再允許使用相似的包命名不過(guò)會(huì)進(jìn)一步鼓勵(lì)開發(fā)者使用自己的命名空間來(lái)發(fā)布包。本文是對(duì)其幾十年來(lái)技術(shù)之路的回顧與展望,也是一代技術(shù)人的青春回憶。 showImg(https://segmentfault.com/img/remote/1460000012846628); 前端每周清單專注前端領(lǐng)域內(nèi)容,以對(duì)外文資料的搜集為主,幫助開發(fā)者了...
閱讀 989·2021-11-23 09:51
閱讀 2703·2021-08-23 09:44
閱讀 664·2019-08-30 15:54
閱讀 1439·2019-08-30 13:53
閱讀 3112·2019-08-29 16:54
閱讀 2531·2019-08-29 16:26
閱讀 1197·2019-08-29 13:04
閱讀 2322·2019-08-26 13:50