Dahlia:一個現代化的 React 框架

什麼是前端框架

React 是什麼?按照官方的說法,React 是一個用於構建用戶界面的 JavaScript 庫,因此它不是一個框架。前端

在前端中,框架是什麼?也許很難下定義,但很容易舉例,Angular 就是一個框架。react

Dahlia 是什麼

Dahlia 是什麼?它是一個框架,是一個基於 React 開發的框架。你能夠認爲它是一個和 Angular 同級別的東西。git

Dahlia 是一個大而全的框架,包括了不少東西:github

  • CLI 工具
  • 路由集成
  • 狀態管理
  • Http Client
  • GraphQL Client
  • 表單
  • 彈窗
  • 國際化
  • ...

爲何建立 Dahlia

我爲何不用直接使用 Angular 或者 Vue,最重要的緣由是:老了,記憶力衰退。記不住 ngFor,記不住 ngModal,記不住 v-on,接不住 v-show... 記不住衆多的的框架 Api。json

由於老了,因此 Dahlia 這個框架暫時也只支持 TypeScript,由於若是沒有 TypeScript, dangerouslySetInnerHTML這樣的 Api 也會令我抓狂,由於 dangerouslySetInnerHTML 這個單詞我可能要背好幾周才能寫出來。bash

React 以靈活著稱,爲何還要搞一個框架呢?由於懶得折騰,若是我記憶力足夠好,我應該會選擇 Angular,惋惜不夠好,因此搞了一個大而全 Dahlia,但願能少折騰、多作事、早下班。前端框架

Dahlia 有什麼特色

  • TypeScript 是一等公民,提供良好的開發體驗
  • 基於 create-react-app,不用關心 Webpack 配置,享受 React 社區最優秀的 setup、develop、build 工具
  • 漸進式 地開發模式,能夠快速上手,也能夠開發複雜應用

Dahlia 很是多地方借鑑了 Next.js,若是說和 Next.js 有什麼不一樣,那多是比 Next.js 更加框架化,使用 Dahlia 你會有更高開發效率和更好的開發體驗,Dahlia 讓你真正的專一於業務的開發,快速解決爲各類需求,而不是在各類搗鼓和選擇中迷失自我。服務器

如何使用

安裝 Dahlia CLI:markdown

yarn global add dahlia-cli
複製代碼

初始化應用:app

dh new myapp
複製代碼

它將在當前文件夾中建立一個名爲 myapp 的目錄,目錄結構以下:

.
├── package.json
├── pages
│   └── index.tsx
└── tsconfig.json
複製代碼

啓動開發服務器:

cd myapp
dh start
複製代碼

Dahlai 如今還在不斷改善完善中,咱們團隊已在項目使用,歡迎 PR。

相關文章
相關標籤/搜索