国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

Dahlia:一個(gè)現(xiàn)代化的 React 框架

Eidesen / 1390人閱讀

摘要:什么是前端框架是什么按照官方的說(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

相關(guān)文章

  • React 異步數(shù)據(jù)管理思考

    摘要:異步數(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...

    BearyChat 評(píng)論0 收藏0
  • 打造前端團(tuán)隊(duì) React CLI 工具

    摘要:關(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,有官方...

    Scott 評(píng)論0 收藏0
  • 精讀《現(xiàn)代 js 框架存在根本原因》

    摘要:官方規(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)在前端...

    coordinate35 評(píng)論0 收藏0
  • React專題:什么是UI

    摘要:現(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í)...

    silvertheo 評(píng)論0 收藏0
  • 前端每周清單第 47 期:NPM 年度報(bào)告與 2018 展望,Airbnb React Router

    摘要:確定新的包命名規(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ā)者了...

    makeFoxPlay 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<