跳转到内容

范例项目

一些入门示例项目。

官方示例

您可以在 GitHub 存储库中的 /examples 文件夹下找到一些示例项目:

Create React App 是一个很棒的学习 React 的项目。 请看一下这些可用的替代方案 ,看看哪个项目最符合您的需求。

此文档站点的源代码也包含在存储库中。 这是一个稍微复杂一点的项目。 请查看 / docs 文件夹以获取创建项目的说明。

进阶示例项目

If you want to start with a more complete and real-world example, you could take a look at the premium themes & templates or:

免费的资源

  • React 最常用到的

    • 使用 Create React App 创建
    • Custom Create React App script to start a new project with just a single CLI command
    • 使用官方的 Firebase Web Auth UI 进行 Firebase 的构建,包括身份验证
    • 使用 React Router 进行路由,包括错误处理(404)和延迟加载
    • All PWA features included (SW, Notifications, deferred installation prompt and more)
    • Optimized and scalable performance (all ~100 points on Lighthouse)
  • RMUIF:

    • Bootstrapped with Create React App, the same tooling works from the get-go
    • Built on top of Firebase with all their products for the web included
    • Robust routing with React Router including protected routes and error handling
    • 全面的移动支持,带有全屏对话框和选项卡的可轻扫视图
    • Cross-platform application monitoring with a focus on error reporting with Sentry
  • Material Sense:

    • 使用 recharts 的图表
    • 在导航示例中涵盖了 React Router
    • 一个具有用于生产环境创造的 Nginx 服务器的 Docker container(Docker 容器)。
    • 使用 Create React App 创建
  • React SaaS Template:

    • 使用 Create React App 创建
    • Features a landing page, a blog, an area to login/register and an admin-dashboard
    • Fully routed using react-router
    • Lazy loads components to boost performance
    • Components for statistics, text with emoji support, image upload and much more...

付费的资源

  • ScaffoldHub:

    • Build your complete application with this online tool
    • Choose your framework and library (React & Material-UI!)
    • Choose your database (SQL, MongoDB or Firestore)
    • Model your database and application with the intuitive GUI
    • Generate your application, including a complete scaffolded backend
    • Preview your application online, and download the generated code