热门标签 | 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

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


推荐阅读
  • 如何使用ES6语法编写Webpack配置文件? ... [详细]
  • 深入浅出 webpack 系列(二):实现 PostCSS 代码的编译与优化
    在前一篇文章中,我们探讨了如何通过基础配置使 Webpack 完成 ES6 代码的编译。本文将深入讲解如何利用 Webpack 实现 PostCSS 代码的编译与优化,包括配置相关插件和加载器,以提升开发效率和代码质量。我们将详细介绍每个步骤,并提供实用示例,帮助读者更好地理解和应用这些技术。 ... [详细]
  • 基于Net Core 3.0与Web API的前后端分离开发:Vue.js在前端的应用
    本文介绍了如何使用Net Core 3.0和Web API进行前后端分离开发,并重点探讨了Vue.js在前端的应用。后端采用MySQL数据库和EF Core框架进行数据操作,开发环境为Windows 10和Visual Studio 2019,MySQL服务器版本为8.0.16。文章详细描述了API项目的创建过程、启动步骤以及必要的插件安装,为开发者提供了一套完整的开发指南。 ... [详细]
  • ### 优化后的摘要本学习指南旨在帮助读者全面掌握 Bootstrap 前端框架的核心知识点与实战技巧。内容涵盖基础入门、核心功能和高级应用。第一章通过一个简单的“Hello World”示例,介绍 Bootstrap 的基本用法和快速上手方法。第二章深入探讨 Bootstrap 与 JSP 集成的细节,揭示两者结合的优势和应用场景。第三章则进一步讲解 Bootstrap 的高级特性,如响应式设计和组件定制,为开发者提供全方位的技术支持。 ... [详细]
  • Vue CLI 初始化 Webpack 项目时,main.js 文件是如何被调用的? ... [详细]
  • com.sun.javadoc.PackageDoc.exceptions()方法的使用及代码示例 ... [详细]
  • 本文将详细介绍如何注册码云账号、配置SSH公钥、安装必要的开发工具,并逐步讲解如何下载、编译 HarmonyOS 2.0 源码。通过本文,您将能够顺利完成 HarmonyOS 2.0 的环境搭建和源码编译。 ... [详细]
  • 本文总结了一些开发中常见的问题及其解决方案,包括特性过滤器的使用、NuGet程序集版本冲突、线程存储、溢出检查、ThreadPool的最大线程数设置、Redis使用中的问题以及Task.Result和Task.GetAwaiter().GetResult()的区别。 ... [详细]
  • 在JavaWeb开发中,文件上传是一个常见的需求。无论是通过表单还是其他方式上传文件,都必须使用POST请求。前端部分通常采用HTML表单来实现文件选择和提交功能。后端则利用Apache Commons FileUpload库来处理上传的文件,该库提供了强大的文件解析和存储能力,能够高效地处理各种文件类型。此外,为了提高系统的安全性和稳定性,还需要对上传文件的大小、格式等进行严格的校验和限制。 ... [详细]
  • 全面解析JavaScript代码注释技巧与标准规范
    在Web前端开发中,JavaScript代码的可读性和维护性至关重要。本文将详细介绍如何有效地使用注释来提高代码的可读性,并探讨JavaScript代码注释的最佳实践和标准规范。通过合理的注释,开发者可以更好地理解和维护复杂的代码逻辑,提升团队协作效率。 ... [详细]
  • 在对WordPress Duplicator插件0.4.4版本的安全评估中,发现其存在跨站脚本(XSS)攻击漏洞。此漏洞可能被利用进行恶意操作,建议用户及时更新至最新版本以确保系统安全。测试方法仅限于安全研究和教学目的,使用时需自行承担风险。漏洞编号:HTB23162。 ... [详细]
  • Web开发框架概览:Java与JavaScript技术及框架综述
    Web开发涉及服务器端和客户端的协同工作。在服务器端,Java是一种优秀的编程语言,适用于构建各种功能模块,如通过Servlet实现特定服务。客户端则主要依赖HTML进行内容展示,同时借助JavaScript增强交互性和动态效果。此外,现代Web开发还广泛使用各种框架和库,如Spring Boot、React和Vue.js,以提高开发效率和应用性能。 ... [详细]
  • Framework7:构建跨平台移动应用的高效框架
    Framework7 是一个开源免费的框架,适用于开发混合移动应用(原生与HTML混合)或iOS&Android风格的Web应用。此外,它还可以作为原型开发工具,帮助开发者快速创建应用原型。 ... [详细]
  • 技术分享:使用 Flask、AngularJS 和 Jinja2 构建高效前后端交互系统
    技术分享:使用 Flask、AngularJS 和 Jinja2 构建高效前后端交互系统 ... [详细]
  • Android 构建基础流程详解
    Android 构建基础流程详解 ... [详细]
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社区 版权所有