React Hooks最佳实践
React Hooks彻底改变了React开发方式。以下是我总结的最佳实践。
Hooks规则
- 只在最顶层调用Hooks
- 只在React函数中调用Hooks
常用Hooks
useState
1 | const [count, setCount] = useState(0); |
useEffect
1 | useEffect(() => { |
useMemo和useCallback
这两个Hooks用于优化性能,避免不必要的重渲染。
自定义Hooks
提取可复用的逻辑到自定义Hooks中,提高代码复用性。
Hooks让组件逻辑更加清晰!
Hello World
发表于
本文字数:
367
阅读时长 ≈
1 分钟
Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.
Quick Start
Create a new post
1 | $ hexo new "My New Post" |
More info: Writing
Run server
1 | $ hexo server |
More info: Server
Generate static files
1 | $ hexo generate |
More info: Generating
Deploy to remote sites
1 | $ hexo deploy |
More info: Deployment
Docker容器化部署实践
Docker已经成为现代软件部署的标准工具。本文记录我在项目中使用Docker的经验。
为什么使用Docker
- 环境一致性 - 开发、测试、生产环境统一
- 资源隔离 - 应用程序之间互不干扰
- 快速部署 - 秒级启动新实例
基础Dockerfile
1 | FROM node:18-alpine |
最佳实践
- 使用多阶段构建减小镜像体积
- 利用.dockerignore排除无关文件
- 合理利用层缓存加速构建
容器化让部署变得如此简单!