首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
React学习历程
SortWorld
创建于2025-06-08
订阅专栏
打铁还需自身硬,不断死磕React项目,写好每一篇学习历程,励志早日进入大厂。
暂无订阅
共18篇文章
创建于2025-06-08
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
React当中受控组件与非受控组件的区别
在 React 中,受控组件 (Controlled Components) 和 非受控组件 (Uncontrolled Components) 是两种管理表单数据的方式,主要区别在于表单数据由谁来管
React状态管理新选择:Zustand全家桶开发指南
为什么需要状态管理? 在现代前端开发中,随着应用复杂度增加,组件状态共享和状态逻辑复用成为核心挑战。传统的useContext + useReducer组合虽然有效,但随着项目规模增大,会遇到以下问题
性能优化:React.memo、useMemo和useCallback使用场景详解
引言 在React应用开发中,性能优化是一个永恒的话题。随着应用规模的增长,组件的不必要重新渲染会成为性能瓶颈。React提供了三个强大的工具来帮助我们优化性能:React.memo、useMemo和
React 中的 useRef 与 forwardRef:深入理解与实战应用
引言 在 React 开发中,useRef 和 forwardRef 是两个非常实用但又容易被忽视的 API。它们虽然不像 useState 或 useEffect 那样高频使用,但在处理 DOM 操
React 四大高频面试题解析:JSX、Key 原理、Babel 编译、受控与非受控组件
作为前端开发者,React 是现代前端面试中的核心考点之一。本文将围绕 React 中的四大高频面试题展开:JSX 的本质、Key 的作用与原理、Babel 在 React 中的角色、受控组件与非受控
保姆级别React综合案例构建
引言 最近小编对于React基础技能学习基本上已经学习完成,很多知识点在实战当中还根本不知如何使用,接下来小编希望屏幕前的你跟随小编的脚步,一步一个脚印,来将之前学习过的React知识点全部串起来。对
React王炸组合(Reducer-Context)
引言 在前面的文章小编也是花了大量时间来学习React当中的路由,差点走火入魔哈,好在最近读了一本书《走向光明》。有感兴趣的小伙伴可以去看看,对自己最近的专注学习有着相当大的提升,也是这本书籍,让小编
React 路由守卫深度解析:打造安全的前端路由体系
引言 在构建复杂的 React 应用时,我们常常需要对某些页面进行权限校验,比如支付页面、用户中心等。这些页面必须在用户登录后才能访问。这时,路由守卫(Route Guard) 就派上了用场。 路由守
React Fragment:优雅解决JSX多节点包裹问题
引言 为什么你的React组件总需要多余的div包裹?学会Fragment让你的DOM结构更简洁高效! 问题背景:JSX的"唯一父元素"限制 在React开发中,你是否经常遇到这样的场景: React
初识React状态管理:useReducer
引言 小编最近也是忙的飞起,最近刚看了一下小米YU7,感觉找到了人生奋斗的目标。虽然说彩礼38.8W还没有赚到,但是先找到了一个买车的小目标。随着学习React的脚步不断深入,我们也是来到了React
React 路由懒加载详解:优化你的前端性能
在现代的前端开发中,路由懒加载(Lazy Loading)已经成为提升应用性能的重要手段之一。本文将结合完整的代码示例,带你一步步了解如何在 React 项目中实现路由懒加载,并探讨其背后的原理与优势
适合小白初识React-Router的一篇文章
React Router:现代前端应用的路由管理指南 最近小编也是在努力Focus学习,接下来小编将会通过两篇文章来引导大家初识React当中路由的学习。在现代前端开发中,单页应用(SPA)已经成为主
React中的useLayoutEffect:解决闪烁问题的利器
前言 作为一名前端开发者,你是否遇到过React组件渲染时画面闪烁的问题?明明代码逻辑没问题,却出现了短暂的视觉跳动?这很可能是因为你使用了useEffect而不是useLayoutEffect。今天
React"隔空取物"-useContext 用起来就这么简单
引言 最近小编也是在学习React的路上越走越远,并且来到了useContext,让大家跟随小编的脚步,一步一个脚印,学习React的隔空取物API-Context。 假设你正在开发一个后台管理系统,
React自定义 Hooks 不用死磕,轻松拿捏也能站上技术金字塔尖!
引言 项目结构和技术栈 项目结构分析 TodoList作为React生态中经久不衰的入门标杆,其经典组件化架构堪称理解React设计哲学的活教材。从语义层面拆解,整个应用如同一个精密协作的 "任务管理
深入理解React-Hooks(useState和useEffect)
Hooks是什么? Hooks 的出现解决了这些问题: ✅ 允许在函数组件中使用 state 和其他 React 特性; ✅ 简化组件逻辑,避免类组件中 this 指向等问题; ✅ 提高代码可读性和逻
智能前端---月之暗面
一、创建react项目 npm init vite,初始化之后选择需要创建的项目react,JavaScript语言 创建新的页面展示,防止我们的API_KEY被盗刷 当我们在App.jsx里面打印一
当Vite遇上React:组件化开发的"速效救心丸"
一、3行代码开启奇幻之旅 然后你就会发现: 组件像乐高一样随意拼装🧩 开发体验丝滑得像德芙巧克力🍫 再也不用对着进度条祈祷了🙏 温馨提示:用过Vite之后,可能会对其他构建工具产生"戒断反应",慎入!