React 组件是现代用户界面的基础，帮助开发者将界面拆分为可重用部分。功能组件因其简洁性和与 Hooks 的兼容性而更受欢迎。创建组件时应保持小巧、专注，避免重复逻辑，使用自定义 Hooks 进行逻辑复用，并按功能组织代码。这些最佳实践有助于提高代码的可维护性和可扩展性。

React通过Hooks简化了功能组件的状态管理和副作用处理，使开发者无需使用类即可创建可重用的UI组件。常用的Hooks包括useState（添加状态）和useEffect（处理副作用），使用Hooks可以编写更清晰、模块化的代码，提高开发效率。

在应用程序中添加路由时，需要在app文件夹内创建新文件夹和page.tsx文件以定义功能组件。访问时，通过输入新文件夹名称的URL查看内容。所有路由基于服务器组件，客户端不接收JavaScript，组件在服务器生成。创建文件夹会改变URL，需特别命名以避免影响路由。