Dahlia：一个现代化的 React 框架

Eidesen 发布于2019-08-23 17:17 / 1341人阅读

摘要：什么是前端框架是什么按照官方的说法，是一个用于构建用户界面的库，所以它不是一个框架。在前端中，框架是什么也许很难下定义，但很容易举例，就是一个框架。是什么是什么它是一个框架，是一个基于开发的框架。你可以认为它是一个和同级别的东西。

什么是前端框架

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框架人工智能一种现代的方法

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/104110.html

React 异步数据管理思考

摘要：异步数据管理一直是前端的一个重点和难点，可以这么说，的应用会有异步数请求据并在中消费，并且在相当多的应用中，处理异步数据是它的核心业务逻辑。总结个人认为，异步数据不应该使用状态管理来维护，应该放在组件内。异步数据管理一直是前端的一个重点和难点，可以这么说，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