首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
oil的vue转react之路
oil欧哟
创建于2021-12-26
订阅专栏
一个vue开发者的react学习之路
等 40 人订阅
共18篇文章
创建于2021-12-26
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
🌅 让你的用户头像更具艺术感,实现一个自动生成唯一渐变色的头像组件
次头像组件的,预期是能够基于用户昵称字符串生成某种颜色,然后设置为渐变色背景并添加一些额外的细节就能展示出一个相对好看的头像。
🤔 使用 React Hook 实现 Modal 组件 API 调用两种方式
紧接上篇文章,这篇文章来为大家介绍如何使用 React Hook 实现 Modal 组件 API 调用方式
🗂 用 React Hook + ChakraUI 实现一个丝滑菜单组件
菜单导航是网站或中后台项目中常见的组件,它能够让用户快速找到需要的内容或功能。本文将介绍如何使用 Chakra UI 库实现一个丝滑菜单导航组件。
🧾 如何在 React 中优雅地处理表单?React Hook Form 的使用指南
React Hook Form 是一个基于 React 的轻量级表单验证库。它使用了 React Hook API,让表单验证变得简单、易用、高效。
都什么时代还在发传统请求?来看看 SWR 如何用 React Hook 实现优雅请求
如果你是一名经验丰富的 react 开发者,那么你肯定有遇到过以下几种情况:请求库封装复杂,手动实现各种缓存验证去重逻辑,还需要维护请求加载或错误状态,由于组件的重复渲染导致的重复请求等等。
Next.js |🌡Jest + React testing library + Typescript 单元测试框架搭建及实现
单元测试和 E2E 测试作为前端项目健壮性的保障,虽然在许多团队可能并没有足够的能力和资源去实现很好的自动化测试,但基本的了解还是必不可少的。
一篇文章带你理解 React 中最“臭名昭著”的 useMemo 和 useCallback
这篇文章为你答疑解惑,为大家介绍 useMemo 和 useCallback 这两个 Hook 的具体作用,它们的实现原理以及在实际开发中如何应用。
教你用 React Hook + TS 实现 RBAC 权限控制
最近我也基于我们的项目出了一个前端实现 RBAC 的方案并做了相关的实现,虽然只是比较初期的实现,并不是特别复杂的场景,但是也希望能为大家的技术实现提供灵感。
React Hook + Typescript 实现一个类型提示完整的高阶组件(HOC)
最近在对项目内的表单组件进行的优化,在实现高阶组件的过程中发现目前关于 react 高阶组件的文章都比较旧了,很多都是以类组件的形式去实现,与 Typescript 的结合使用也比较难找到示例。
🤔看似简单的丝滑锚点目录,背后隐藏着很多小坑,详细介绍锚点目录功能实现
最近在项目中发现之前的表单锚点有点问题,而且动画效果实现的不好,想着抽点时间简单重构一下。没想到这一重构就花了两三天的时间,期间核心功能的实现非常简单,但是各种边界情况的处理确实非常烧脑。
🤔提升用户体验,给你的模态弹窗加个小细节
什么是模态组件? 大家在开发后台网站应用时,应该常常会使用到模态组件(Modal),也可以称为对话框组件。模态组件一般用于展示一些简单的操作,例如字段较少的表单编辑,或者删除确认框等。一般由一个展示的
如何在React中实现全局数据的状态持久化?一篇文章让你看懂状态持久化
前言 状态持久化简介 首先要理解状态持久化是什么意思,简单来说就是将网页中的数据给存起来,避免咱们页面一关或者一按刷新数据就没了。一般来说咱们的大部分数据都是存储在 服务器数据库 中,通过网络请求来获
组件再多也不怕!📦Redux+Redux Toolkit概念介绍与实战使用
👀从零开始学React特别篇~📦Redux 首先我原本时一个vue开发者,当时会有vuex的使用经验,虽然说可能上手会快,但是也有可能会被框架包袱所限制 为了写好今天这篇,看了特别多文档。
👀从零开始学React第五天~📈实现hook相关性能优化
前言 今天是学习react的第五天啦,我的第一个小目标是将平时使用的todo清单软件通过react在web端一比一的实现所有功能! 今日任务 今天不赶开发进度,将前面写的代码进行一下优化,深入理解一下
👀从零开始学React第三天~React日期选择器组件开发+Dayjs的使用
前言 今天是学习react的第三天啦,我的第一个小目标是将平时使用的todo清单软件通过react在web端一比一的实现所有功能! 建议拉取项目代码搭配食用效果更佳 react-todo gitee仓
👀从零开始学React第二天~React配置ESlint代码格式化+路由导航的实现(react-router-dom)
前言 今天是学习react的第二天啦,我的第一个小目标是将平时使用的todo清单软件通过react在web端一比一的实现所有功能! 前面写的文章都会放在前言中: # 从零开始学React第一天~Rea
👀从零开始学React第一天~React基础框架的构建(Create React App+Tailwind css+Material ui)
前言 今天是作为一个vue开发者学习react的 第一天,我决定将学习的全过程记录下来,接下来的每一天我都会抽一个小时的时间进行react的学习。通过过往vue的学习来映射到react上,学习彼此的优
👀从零开始学React第四天~📆实现一个好看的弹窗日历组件
前言 今天是学习react的第四天啦,我的第一个小目标是将平时使用的todo清单软件通过react在web端一比一的实现所有功能! 开发任务 今天的目标是实现一个🗓🗓日历组件,并且这个组件需要与昨天那