热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

Dahlia:一个现代化的React框架

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

什么是前端框架

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 我们


推荐阅读
  • 前端技术分享——利用Canvas绘制鼠标轨迹
    作为一名前端开发者,我已经积累了Vue、React、正则表达式、算法以及小程序等方面的技能,但Canvas一直是我的盲区。因此,我在2018年为自己设定了一个新的学习目标:掌握Canvas,特别是如何使用它来创建CSS3难以实现的动态效果。 ... [详细]
  • Node.js模块化的优势及实践
    本文探讨Node.js模块化的重要性和具体实现方式,包括其带来的代码复用性增强、可维护性提升、以及如何有效避免命名冲突等问题。 ... [详细]
  • 匠心|传统_2021年度总结 | 葡萄城软件开发技术回顾(上)
    匠心|传统_2021年度总结 | 葡萄城软件开发技术回顾(上) ... [详细]
  • 本文探讨了在不同场景下如何高效且安全地存储Token,包括使用定时器刷新、数据库存储等方法,并针对个人开发者与第三方服务平台的不同需求提供了具体建议。 ... [详细]
  • 页面预渲染适用于主要包含静态内容的页面。对于依赖大量API调用的动态页面,建议采用SSR(服务器端渲染),如Nuxt等框架。更多优化策略可参见:https://github.com/HaoChuan9421/vue-cli3-optimization ... [详细]
  • 本文提供了一个详尽的前端开发资源列表,涵盖了从基础入门到高级应用的各个方面,包括HTML5、CSS3、JavaScript框架及库、移动开发、API接口、工具与插件等。 ... [详细]
  • 本文探讨了如何利用RxJS库在AngularJS应用中实现对用户单击和拖动操作的精确区分,特别是在调整区域大小的场景下。 ... [详细]
  • 理解HTTP状态码及其应用
    本文详细解析了HTTP状态码的分类及常见代码的意义,帮助开发者和用户更好地理解和解决网络请求中遇到的问题。 ... [详细]
  • 解决Laravel项目中公共目录下的HTML与JS文件加载问题
    本文探讨了在Laravel框架中使用Krpano工具创建虚拟游览时遇到的问题,特别是HTML文件能正常加载而同目录下的JS文件却无法被正确识别的情况。 ... [详细]
  • 利用Selenium框架解决SSO单点登录接口无法返回Token的问题
    针对接口自动化测试中遇到的SSO单点登录系统不支持通过API接口返回Token的问题,本文提供了一种解决方案,即通过UI自动化工具Selenium模拟用户登录过程,从浏览器的localStorage或sessionStorage中提取Token。 ... [详细]
  • 本文探讨了Flutter和Angular这两个流行框架的主要区别,包括它们的设计理念、适用场景及技术实现。 ... [详细]
  • 告别jQuery:Bootstrap5即将全面脱离jQuery依赖及其他前端热点
    本文精选了2019年2月「前端大全」平台上的15篇热门文章,涵盖技术分享与资源推荐。关注前端大全,获取更多前沿信息,提升您的前端技能。 ... [详细]
  • Vue CLI 基础入门指南
    本文详细介绍了 Vue CLI 的基础使用方法,包括环境搭建、项目创建、常见配置及路由管理等内容,适合初学者快速掌握 Vue 开发环境。 ... [详细]
  • 小编给大家分享一下Vue3中如何提高开发效率,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获, ... [详细]
  • 本文详细介绍了如何在 Vue CLI 3.0 和 2.0 中配置 proxy 来解决开发环境下的跨域问题,包括具体的配置项和使用场景。 ... [详细]
author-avatar
左文欣936
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有