什么是前端框架
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