从初学者到进阶者的 React 实践项目

很多人developers只是beginners学习了所有基础概念，但却没有将这些概念付诸实践。所以，项目是实践这些概念的最佳途径之一。

这里有一些按级别定义的项目。

• 初学者项目（React 基础）
• 中级项目（超越基础）
• 先期项目（优化）

初学者（React 基础）

所以这里你只需要关注 React 的基本概念，例如Basic HooksuseState 和 useEffect、Props、、 和。慢慢地详细理解这些概念。之后，再实践下面给出的项目思路Incline Styling。FormsJSX

1. Simple Counter App
2. Calculator App
3. Todo App
4. Weather API App

中级（超越基础）

首先，欣赏consistent现在的自己，因为你已经处于中级水平。

理解基本概念能增强你开发一些小complex应用程序的信心。在这里，你将了解state management整个应用程序的原理，并学习life cycle of components……

1. Blog App
2. Resume Builder App
3. Management App
4. Score Board App

进步（优化）

好吧好吧好吧，您已经接近征服 React 了。

如果你已经达到了这个水平，那么你已经了解了如何制作这些应用程序。但是，请记住，此时你应该能够以某种 optimized方式构建这些应用程序。

structured除了代码之外，你还需要编写更多maintainable代码。记住你的应用程序在scaling处理concurrent多个用户时的性能表现。

1. Online Trading App 
2. Ecommerce App
3. Productivity App

参考链接

React
React Hello World
React Hooks
终极 React 速查表
React JS 前端 Web 开发入门指南
21 个 React.js 面试必答题

总结

注意：
我想说，在征服之后React，也要在整个开发过程中保持一致性。学习新知识，并随时掌握最新的行业技术栈。

如果你觉得这篇文章有用，请告诉我！
有什么建议吗？请在 Twitter 上联系我！