
使用 React 创建一个笔记应用程序
在这个项目中,我们将使用 React 创建一个简单的笔记应用程序。该应用程序将允许用户添加、编辑和删除笔记。我们将把开发过程分解为几个步骤,确保每个步骤都满足特定要求并添加基本功能。
JavaScriptReact

使用React创建像素艺术动画制作器
在本项目中,我们将引导你使用React构建一个简单的像素艺术动画制作器。在本指南结束时,你将拥有一个基本的像素艺术编辑器,在其中你可以绘制像素艺术并查看生成的动画。这个项目对初学者很友好,是深入了解React和像素艺术世界的有趣方式!
ReactCSS

使用 React 构建圣诞愿望清单应用
本项目指导你使用 React 构建一个节日氛围浓厚的圣诞愿望清单生成器 Web 应用程序。该应用具有美丽的全屏圣诞主题背景和迷人的降雪动画,增强了节日气氛。用户可以将愿望添加到半透明的愿望墙上,每个愿望都以明信片的形式呈现。我们将使用 React 构建前端,并使用 CSS 进行样式设计和动画制作。
ReactCSS

实现 React 导航功能
在这个项目中,你将学习如何在 React 应用程序中实现导航功能。你将创建一个带有导航栏和可通过链接导航到的页面的简单应用程序。
JavaScriptReact

使用 React 创建响应式名片
在本项目中,你将学习如何使用 React 创建个人名片。该项目涉及构建一个响应式且交互式的 Web 应用程序,允许用户输入个人信息并生成定制名片。
JavaScriptReact

React 颜色过滤器应用程序
在本项目中,你将学习如何使用 React 构建一个颜色过滤器应用程序。该应用程序将允许用户通过输入他们正在寻找的颜色名称来过滤颜色列表。本项目将帮助你理解如何在 React 中进行状态管理、事件处理和条件渲染。
JavaScriptReact

使用自定义 React Hook 实现响应式导航
在本项目中,你将学习如何创建一个名为 useWindowSize 的自定义 React Hook,以获取当前窗口大小,并使用它来有条件地在 Web 应用程序中渲染导航栏。
JavaScriptReact

构建交互式 React 组件
在本项目中,你将学习如何使用 React 创建一个简单的显示/隐藏功能。你将实现一个按钮,用于切换页面上图像的可见性。
JavaScriptReact

React 列表渲染入门
欢迎来到 React 文档!本实验将向你介绍列表渲染。
React

React 中的条件渲染
欢迎来到 React 文档!本实验将向你介绍条件渲染。
React

创建和嵌套组件
欢迎来到 React 文档!本实验将向你介绍如何创建和嵌套组件。
React

React 钩子介绍
欢迎来到 React 文档!本实验将向你介绍如何使用钩子。
React

响应事件
欢迎来到 React 文档!本实验将向你介绍如何响应事件。
React

更新屏幕
欢迎来到 React 文档!本实验将向你介绍如何更新屏幕。
React

使用 JSX 编写标记
欢迎来到 React 文档!本实验将向你介绍如何使用 JSX 编写标记。
React

你的第一个 React 实验
你好,欢迎来到 LabEx!在第一个实验中,你将学习经典的 React 'Hello, World!' 程序。
React

有字符限制的文本区域
在本实验中,我们将使用 React 构建一个有限制的文本区域组件。本实验的目的是提供一个实践经验,利用 React 钩子,如 useState() 和 useCallback(),来创建一个组件,限制用户在文本区域中可以输入的字符数。在本实验结束时,你将拥有一个功能齐全的文本区域组件,它可以显示字符计数并限制用户可以输入的字符数。
React

在 React 中实现图片懒加载
在本实验中,我们将探索如何在 React 应用程序中实现图片懒加载。懒加载通过延迟图片加载直到需要时才进行,从而提高页面性能,减少初始加载时间并改善用户体验。我们将使用 Intersection Observer API 和 React 钩子来创建一个支持懒加载图片的可复用组件。
React