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。

相关文章
相关标签/搜索