Dojo
话题
新佳
订阅
极道
元认知
元逻辑
元设计
元编程
元语言
ReactJS教程
OpenClaw连续超越Linux和React,登顶GitHub榜首!
OpenClaw百天超越React十三年的星标积累,OpenClaw用四个月时间超越React星标数,引爆GitHub关注度。本文从数据结构、时代红利与传播路径出发,拆解星标速度与技术影响力之间的真实关系。 周末我正躺在床上刷手机
前端框架Thymeleaf/HtmX与ReactJS/VueJS比较
这两种前端框架基于这样理念:在Html和Javascript中,以哪种技术为主? [list] [*]Thymeleaf/HtmX是在html模板中嵌入Javascript; [*]而ReactJS/VueJS是以Javacript为主,在JS中嵌入Html。 [/list] React 决定不创建
htmx 2.0.0已经发布!
宣布 htmx 2.0 的发布。此版本终止了对 Internet Explorer 的支持并收紧了一些默认设置,但不会改变库的大多数核心功能或核心 API。 主要变化 [list] [*]所有扩展都已从核心存储库移至[url=
Hilla 框架简介
在本文中,我们学习了 Hilla 开发的基础知识,用于构建全栈 Web 应用程序,该应用程序结合了 Spring Boot 后端和 React 前端并具有类型安全的通信。 Hilla 让我们将 React 视图添加到 Spring Boot 项目中。视图根据名称和文件夹结构映射到路由。我们可以从 T
使用 htmx 构建单页应用SPA案例
这是一个简单的概念验证待办事项列表。页面加载后,无需与服务器进行额外通信。一切都在客户端本地进行。 [list] [*]演示:[url= htmx 来构建单页应用程序[/
2024年为什么前端开发这么复杂?
jQuery 和 Knockout 诞生于网站作为内容消费空间的时代。阅读一篇博文、观看一段视频、发表一条评论。网络应用程序及其状态大多由后端框架管理,只是将新的视图发送到前端。 当时,交互性正在增长,但通
Htmx温和批评
在工作中,我们非常喜欢 Htmx 的基本简单理念。基于在团队中使用 Htmx 进行非平凡用户界面,我们发现以下情况实际上并不简单,而且相当复杂。 [b]继承 Htmx 属性绝对是一个错误[/b] 在代码片段中,它非常令人惊讶,而且是隐式的。就像在 CSS 中一样,继承是一种廉价的 hack,但你付出
Redux与领域驱动设计的冲突
Redux和随之而来的架构观点将与领域驱动设计(DDD)的原则发生冲突。Redux的观点和DDD的原则之间的冲突,虽然如果DDD被优先考虑的话是可以解决的,但是如果你想让你的React前端架构与DDD保持一致,那么最
从Prompt到部署:AI编程求生法则
我在Cursor摸爬滚打学到的血泪经验!手把手教你用AI搞开发,看完绝对不踩坑! [b]1️⃣ 项目起手式:先问清楚再干![/b] 重要警告:别像我一样傻乎乎直接开干!先抓着AI问明白:
三种反应式算法一次讲透:推/拉/推拉混合
写代码的人最怕改一个数据然后整个世界都卡住:这个电子表格里有三百万个公式,改一个数字电脑就死机了,谁受得了? 这篇文章要讲的就是怎么让程序在数据变化时只更新该更新的部分,不浪费一秒钟。 核心就是三种反应式编程算法:推、拉、推拉结合。 我们不用背概念,直接看它们
React.js前端 + Spring Boot后端员工管理系统开源项目
该项目是一个员工管理系统,前端使用 React.js 构建,后端使用 Spring Boot 和 Data JPA 和 Lombok 构建。它提供了有效管理员工信息的全面解决方案。 特征 [list] [*]响应式设计:响应式 UI 设计,确保跨各种设备的可用性。 [/l
Next.js入门:Hello World
Next.js是一个 React 框架,允许开发人员构建服务器端渲染 (SSR) 或静态生成的 Web 应用程序。它提供了简化的开发体验,具有自动代码分割、路由预取和简化部署等功能。让我们深入研究在 Next.js 中创建一个 Hello World 应用程序。 [b]什么是Next.js ?[/b
React项目中Context API与Redux区别
想象一个带有购物清单整理器的厨房: [list] [*]如果使用[b]Context API:[/b]可以将其视为厨房中的常见白板,其中显示购物清单,任何人都可以看到并更改它。如果购物清单管理器是 [*]如果使用Redux实现列表管理器:可以被视为高级版本,厨房中的所有人员不仅可以看到该列表,而且列
React Native 完整的社交约会开源app
这是React Native 社交约会应用程序,用户可以与朋友创建群组、与其他群组匹配、聊天和闲逛 后端:[url= ://github.com/damianstone/toogether
coffee:使用AI构建和迭代React UI速度提高10倍
该项目的目的不仅仅是一个漂亮的演示,而是一个可以编写生产质量代码并与之交互的人体工学工具。 特征 [list] [*]适用于任何 React 代码库,包括 Next.js、Remix 等。 [*]对于大多数标准 UI 组件来说足够可靠 [*]支持最简单的 prop 类型(数据、回调等) [*]使用相
Next.js与Gatsby:哪个是最好的React框架?
为了构建[b]UI Web 应用程序[/b],React 是一个著名的开源库。[b]Gatsby 和 Next JS[/b]是两个最流行的[b]React 框架[/b],它们在用户群中占据主导地位。使用这些前端框架,您可以构建具有 SSG 和 SSR 等功能的强大 React 网站。 这两个框架都具
ReactJS前端性能优化6个小技巧
以下是一些提示 [list=1] [*]优化图片和CSS/JS:大尺寸图片会降低扩展的运行速度。压缩图片并使用 WebP 等格式。实施懒加载,只在需要时加载图片。 [*]加速服务器请求:缓慢的服务器请求会成为性能瓶颈。使用缓存、CDN 和浏览器缓存。在本地存储数据,尽量减少不必要的 API 调用。
无头组件:一种构建 React UI 的模式
随着 React UI 控件变得越来越复杂,复杂的逻辑可能与视觉表示交织在一起。这使得很难推理组件的行为,难以对其进行测试,并且需要构建需要不同外观的类似组件。无头组件提取所有非视觉逻辑和状态管理,将组件的大脑与其外观分开。 React 彻底改变了我们对 UI 组件和 UI
下页