diff --git a/README.md b/README.md
index b30ba83..0b0434b 100644
--- a/README.md
+++ b/README.md
@@ -296,6 +296,16 @@ JavaScrip 在变量被创建时分配内存，并在对象不再使用时自动
   - [ ] [What’s the Difference Between Synthetic React Events and JavaScript Events?](https://betterprogramming.pub/whats-the-difference-between-synthetic-react-events-and-javascript-events-ba7dbc742294)，需自备梯子
   - [ ] [React 17 removes event pooling in the modern browsers](https://blog.saeloun.com/2021/04/06/react-17-removes-event-pooling-in-modern-system.html)
 
+### 如何编写一个组件
+
+- [ ] 文档
+  - [ ] [React 官方文档](https://reactjs.org/docs/components-and-props.html)
+- [ ] 推荐文章
+  - [ ] [[译]React函数组件和类组件的差异](https://jishuin.proginn.com/p/763bfbd4cad4)
+  - [ ] [寫 React Components 該注意的6個地方與技巧](https://medium.com/@chihsuan/%E5%AF%AB-react-components-%E8%A9%B2%E6%B3%A8%E6%84%8F%E7%9A%846%E5%80%8B%E5%9C%B0%E6%96%B9%E8%88%87%E6%8A%80%E5%B7%A7-faa2bb87a18e)
+  - [ ] [编写高效且可读组件的 5 个最佳实践](https://www.infoq.cn/article/ry4icky5crb1pokvi0ql)
+  - [ ] [designing-react-components-best-practices](https://www.thisdot.co/blog/designing-react-components-best-practices)
+
 ## Vue
 
 ## 组件库