Next.js 全栈开发最佳实践指南：将带你深入Next.js、tRPC、Auth.js、Tailwind和Drizzle ORM等技术栈，创建极致的全栈开发模板。

从 CSS 方案到状态管理工具（如 Zustand、Redux Toolkit），再到代码质量保障工具，以及国际化、数据校验和表单处理的优化方案，每个环节都有多种成熟的支持！

本文为一些react使用小技巧（上）、一些react使用小技巧（中）、一些react使用小技巧（下）的合集 一. 组件相关 1. 使用自闭合组件 2. 推荐使用Fragment组件而不是 DOM 元素

前些日子在做项目的时候，需要封装一个Toast组件。我想起之前用过的库，只要在入口文件中引入就可以在全局中使用，还是很方便的，借这次机会也来实现一下

背景 最近项目里面需要自定义hook，达到从外部控制表单的作用。为什么选择去用自定义hook？这个组件其实内部已经封装了，并且是一个单独的npm包，目前没有人去维护，不仅可读性❌，以及暴露出来的方法也

今天我们就聊一聊权限系统的设计与实现，要在网站中实现复杂的权限管理对应新手来说，这可能会是比较困难的，但权限系统是软件中不可或缺的部分，我们只要掌握一个套路，就会变得非常简单，一起来看看吧！

项目技术栈 集团官网技术栈 响应式布局 next13 + react18 + ts pages router GSAP threejs 多语言 项目规范: Prettier Eslint Husky

项目比较杂，只挑重点的说。 登录接口有两种，一种是用react-router路由驱动，比如/login跳转至登录页，另一种是在Mobx全局创建一个可观察的login对象，如果是没有登录状态在首页点赞、收藏、回复评论等向后端请求会返回一个403状态码触发可观察login对象弹出登…

自从 React 16.8 发布之后，它带来的 React Hooks 在前端圈引起了一场无法逆转的风暴。React Hooks 为函数式组件提供了无限的功能，解决了类组件很多的固有缺陷。这篇教程将带你快速熟悉并掌握最常用的两个 Hook：useState 和 useEffec…