ReactJS教程

     

React项目中Context API与Redux区别

52 7K

想象一个带有购物清单整理器的厨房: 如果使用Context API:可以将其视为厨房中的常见白板,其中显示购物清单,任何人都可以看到并更改它。如果购物清单管理器是 如果使用Redux实现列表管理器:可.

2024年为什么前端开发这么复杂?

73 2K

jQuery 和 Knockout 诞生于网站作为内容消费空间的时代。阅读一篇博文、观看一段视频、发表一条评论。网络应用程序及其状态大多由后端框架管理,只是将新的视图发送到前端。当时,交互性正在增长,.

前端框架Thymeleaf/HtmX与ReactJS/VueJS比较

154

这两种前端框架基于这样理念:在Html和Javascript中,以哪种技术为主? Thymeleaf/HtmX是在html模板中嵌入Javascript; 而ReactJS/VueJS是以Javacr.

React Native 完整的社交约会开源app

167

这是React Native 社交约会应用程序,用户可以与朋友创建群组、与其他群组匹配、聊天和闲逛后端:https ://github.com/damianstone/toogether-backen.

coffee:使用AI构建和迭代React UI速度提高10倍

229 3K

该项目的目的不仅仅是一个漂亮的演示,而是一个可以编写生产质量代码并与之交互的人体工学工具。特征 适用于任何 React 代码库,包括 Next.js、Remix 等。 对于大多数标准 UI 组件来说足.

Next.js与Gatsby:哪个是最好的React框架?

135 3K

为了构建UI Web 应用程序,React 是一个著名的开源库。Gatsby 和 Next JS是两个最流行的React 框架,它们在用户群中占据主导地位。使用这些前端框架,您可以构建具有 SSG 和.

ReactJS前端性能优化6个小技巧

57

以下是一些提示优化图片和CSS/JS:大尺寸图片会降低扩展的运行速度。压缩图片并使用 WebP 等格式。实施懒加载,只在需要时加载图片。加速服务器请求:缓慢的服务器请求会成为性能瓶颈。使用缓存、CDN.

无头组件:一种构建 React UI 的模式

150 10K

随着 React UI 控件变得越来越复杂,复杂的逻辑可能与视觉表示交织在一起。这使得很难推理组件的行为,难以对其进行测试,并且需要构建需要不同外观的类似组件。无头组件提取所有非视觉逻辑和状态管理,将.

5个GitHub前端工具将开发时间缩短90%

161

以下这些是前端真正的生产力助推器:1、trigger.dev如果您正在构建Next.js应用程序,并且需要实现长时间运行的作业。Trigger 可以帮助在webhook,调度,事件等。例如: ·用户提.

你更喜欢哪一个:VueJS 还是 ReactJS?

359 1

观点列表:1、如果你想在 HTML 中使用 JS,请使用 Vue;(因为是在HTML这个上下文中使用,HTML就对在其中使用JS设置了天然限制)如果你想在 JS 中使用 HTML,请使用 React。.

Ostara:管理Spring Boot的桌面应用

393

Ostara 是一款类似于 Spring Boot Admin的跨平台桌面应用程序,Ostara 使用 Spring Boot Actuator API 连接到服务。它是 Spring Boot Ad.

React.js 开发必备的三个VSCode插件

3948 5K

在本文中,我们将探讨每个 React.js 开发人员都应考虑将其纳入其开发工作流程的前三个必备 VSCode 扩展。插件1:CSS类名的智能提示我们清单上的第一个扩展是为了加强React.js项目中C.

BBC从ReactJS迁移到 Next.js和Vercel

846

直接上结果: 删除了20,000多行代码 删除了30多个依赖项(React路由器、Express、Babel......) 平均HMR时间从1.3s缩短至131ms BBC React 应用BBC网站.

ReactJS已死,下一件大事是什么? - Somnath

1246 4K

React是一个错误,更像是一个失误。它骗取了所有人的信任,让他们相信它是一切的答案。Next.js极力想纠正这个错误,但最终却成为另一个问题。你知道,当他们说 "你不能在一个薄弱的基础上建造一个伟大.

为何我们前端从Vue 2迁移到Svelte?

1798 1 6K
在使用 Vue 2 作为我们的前端框架将近两年之后,宣布不再维护此支持,因此我们决定迁移到一个新的框架。但是选择哪一个:Vue 3 还是 Svelte?请注意,我们迁移后的目标也是为了改善我们的开发者.

ReactJS微前端 + SpringBoot后端源码 - Piotr

1029

本文介绍如何使用 React 构建微前端应用程序: 前端:GitHub 存储库 后端:克隆以下存储库。 首先,我们将运行 Spring Boot 应用程序并将其暴露在本地端口上8080。然后我们将运行.

2022年前端快速开发工具 - Christoph

1653 1 4K

今年我尝试了大量的前端工具来优化我的[开发者体验](/posts/principles-of-devx)。我发布了一个令人难以置信的快速最小模板,具有合理的默认值,您可以使用它来快速启动新项目:cpo.

Reddit调查:现在大多数人使用的Web前端技术是什么?

1029

1、如果您以前从未从事过开发工作并且盲目地遵循教程炒作,那么 MERN 绝对是“行业标准”。根据我的经验,Mongo/非关系数据库通常在工作中不受欢迎。MySql + ERN 或 PRN 可能会更好地.

sofn-xyz/mailing: 使用 React 构建、测试、发送电子邮件

1104

 使用 React 构建、测试、发送电子邮件 带有 React 组件的电子邮件模板 跨客户端工作的 MJML 组件(Outlook!) 具有实时重新加载功能的预览服务器以实现快速开发 开发模式在浏览器.

演示:React + Spring + ArchUnit的开源项目

923 4K

使用 ArchUnit 强化Java架构:展示如何使用 Spring 运行前端 (React) 和后端 (Java) 的 Java开源项目,创建具有前端和后端的项目,以便在本地或通过浏览器轻松运行。前.

Meta开源其Web文本编辑器框架:Lexical

1106 1

Lexical 是一个可扩展的 JavaScript Web 文本编辑器框架,强调可靠性、可访问性和性能。Lexical 的核心是一个无依赖的文本编辑器引擎,它允许在其上构建强大、简单和复杂的编辑器实.

介绍React.js生态中几种headless组件

3005 3 2K

与 React 一起使用的最佳 UI 库是什么?headless组件。构建一个在所有浏览器中运行良好且可访问的良好自动完成功能可能需要几个月的时间。Headless UI 的组件在多种浏览器、平台和设.

React.JS v18.0发布

655 3K

最新的主要版本包括开箱即用的改进,如自动批处理、startTransition 等新 API,以及支持 Suspense 的流式服务器端渲染。React 18中的许多功能都是建立在我们新的并发渲染器之.

比较前端框架ReactJs、SolidJS、Svelte和Lit底层逻辑 - Smashing

3961 1 15K

选择了四个框架来研究:React是当今占主导地位的框架,以及三个声称与React不同的新竞争者。 React“React 让创建交互式 UI 变得轻松。声明式视图使您的代码更可预测且更易于调试。” S.

ReactJS新一代构建工具:ladle

1372

ladle是React生态系统中Storybook 的替代:是基于 Vite,即时服务器启动,生产构建速度提高 4 倍,占用空间减少 20 倍,代码拆分,快速刷新,单一依赖和命令,无需配置。现在所有浏.

前端单页应用SPA走向后端路由的三条路线

1285 1 2K

现代JavaScript 框架旨在构建单页应用程序SPA,SPA名称源于它不会返回后端服务器就能在页面之间导航的事实,因为所有路由都发生在浏览器中。自从十多年前 SPA 出现以来,JavaScript.

演示:一个去中心化的 Web 3.0 Instagram

1086

在区块链上使用JavaScript (React.js)和Solidty构建的开源社交媒体应用程序 :克隆Instagram 前端样式组件 - Styles Chai - 测试 Solidity - .

2021年JavaScript年度总结 - risingstars

1628 1 4K

这是我们对 JavaScript 领域的2021年度总结。比较了过去 12 个月在 GitHub 上添加的星数。我们分析了来自Best of JS的项目,这是与 Web 平台相关的最佳项目的精选列表。.

Spring Boot React 全栈 Web 开发源码

1319

React 用于在前端构建用户界面 (UI)。Spring Boot 流行用于开发 RESTful Web 服务和微服务。React Hooks 是 React 16.8 中的新增功能。它们让您无需编.