Dahlia：一個現代化的 React 框架

Eidesen 發布于2019-08-23 17:17 / 1384人閱讀

摘要：什么是前端框架是什么按照官方的說法，是一個用于構建用戶界面的庫，所以它不是一個框架。在前端中，框架是什么也許很難下定義，但很容易舉例，就是一個框架。是什么是什么它是一個框架，是一個基于開發的框架。你可以認為它是一個和同級別的東西。

什么是前端框架

React 是什么？按照官方的說法，React 是一個用于構建用戶界面的 JavaScript 庫，所以它不是一個框架。

在前端中，框架是什么？也許很難下定義，但很容易舉例，Angular 就是一個框架。

Dahlia 是什么

Dahlia 是什么？它是一個框架，是一個基于 React 開發的框架。你可以認為它是一個和 Angular 同級別的東西。

Dahlia 是一個大而全的框架，包括了很多東西：

CLI 工具

路由集成

狀態管理

Http Client

GraphQL Client

表單

彈窗

國際化

...

為什么創建 Dahlia

我為什么不用直接使用 Angular 或者 Vue，最重要的原因是：老了，記憶力衰退。記不住 ngFor，記不住 ngModal，記不住 v-on，接不住 v-show... 記不住眾多的的框架 Api。

因為老了，所以 Dahlia 這個框架暫時也只支持 TypeScript，因為如果沒有 TypeScript, dangerouslySetInnerHTML這樣的 Api 也會令我抓狂，因為 dangerouslySetInnerHTML 這個單詞我可能要背好幾周才能寫出來。

React 以靈活著稱，為什么還要搞一個框架呢？因為懶得折騰，如果我記憶力足夠好，我應該會選擇 Angular，可惜不夠好，所以搞了一個大而全 Dahlia，希望能少折騰、多做事、早下班。

Dahlia 有什么特點

TypeScript 是一等公民，提供良好的開發體驗

基于 create-react-app，不用關心 Webpack 配置，享受 React 社區最優秀的 setup、develop、build 工具

漸進式 地開發模式，可以快速上手，也可以開發復雜應用

Dahlia 非常多地方借鑒了 Next.js，如果說和 Next.js 有什么不同，那可能是比 Next.js 更加框架化，使用 Dahlia 你會有更高開發效率和更好的開發體驗，Dahlia 讓你真正的專注于業務的開發，快速解決為各種需求，而不是在各種搗鼓和選擇中迷失自我。

如何使用

安裝 Dahlia CLI:

yarn global add dahlia-cli

初始化應用:

dh new myapp

它將在當前文件夾中創建一個名為 myapp 的目錄，目錄結構如下：

.
├── package.json
├── pages
│?? └── index.tsx
└── tsconfig.json

啟動開發服務器:

cd myapp
dh start

Dahlai 現在還在不斷改善完善中，我們團隊已在項目使用，歡迎 PR。

Github 地址：https://github.com/forsigner/...

詳細文檔：https://dahlia.js.org

GPU云服務器云服務器前端框架react Dahlia 搭建一個java框架人工智能一種現代的方法

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/104110.html

React 異步數據管理思考

摘要：異步數據管理一直是前端的一個重點和難點，可以這么說，的應用會有異步數請求據并在中消費，并且在相當多的應用中，處理異步數據是它的核心業務邏輯?？偨Y個人認為，異步數據不應該使用狀態管理來維護，應該放在組件內。異步數據管理一直是前端的一個重點和難點，可以這么說，80%的 web 應用會有異步數請求據并在 UI 中消費，并且在相當多的 web 應用中，處理異步數據是它的核心業務邏輯。在 R...

BearyChat 2019-08-23 17:17 評論0 收藏0
打造前端團隊的 React CLI 工具

摘要：關于前端工具對于，有官方的。所以我們使用了和類似的解決方案，創建自己團隊專屬的前端工具，這也是我們當前的解決方案。我推薦的方案回到文章的標題打造前端團隊工具，我認為每個前端團隊都應該有自己的工具，這是一個團隊技術和經驗沉淀的重要根據地。關于前端 CLI 工具對于 Angular，有官方的 Angular CLI。對于 Vue，有官方的 Vue CLI。對于 React，有官方...

Scott 2019-08-23 17:17 評論0 收藏0
精讀《現代 js 框架存在的根本原因》

摘要：官方規范估計很難出現現代框架的設計了，因為官方設計中前端三劍客是相互分離的方案，為了解決現階段前端框架的問題，必須由完全接管，這幾乎就是，或者支持語法的，可這與最初網頁設計思路是違背的。現代前端框架正在告訴我們新的三劍客虛擬虛擬。 1 引言深入思考為何前端需要框架，以及 web components 是否可以代替前端框架？原文地址，建議先閱讀原文，或者閱讀概述。 2 概述現在前端...

coordinate35 2019-08-22 17:23 評論0 收藏0
React專題：什么是UI

摘要：現代前端框架的使命就是開發者管理狀態，框架根據狀態自動生成。專題一覽什么是可變狀態不可變屬性生命周期組件事件操作抽象本文是『horseshoe·React專題』系列文章之一，后續會有更多專題推出來我的 GitHub repo 閱讀完整的專題文章來我的個人博客獲得無與倫比的閱讀體驗什么是UI？如果你指的是布局和色彩，那更偏向于設計師的工作。在現代web領域，大家已經有一個共識...

silvertheo 2019-08-26 12:14 評論0 收藏0
前端每周清單第 47 期：NPM 年度報告與 2018 展望，Airbnb React Router

摘要：確定新的包命名規則為了盡可能避免包的誤植域名現象，將不會再允許使用相似的包命名不過會進一步鼓勵開發者使用自己的命名空間來發布包。本文是對其幾十年來技術之路的回顧與展望，也是一代技術人的青春回憶。 showImg(https://segmentfault.com/img/remote/1460000012846628); 前端每周清單專注前端領域內容，以對外文資料的搜集為主，幫助開發者了...

makeFoxPlay 2019-08-22 13:50 評論0 收藏0