Pular para o conteúdo

Projetos de exemplo

Uma seleção de projetos de exemplo para começar.

Exemplos oficiais

Você pode encontrar alguns exemplos de projetos no repositório GitHub na pasta /examples:

Create React App é um projeto incrível para aprender React. Dê uma olhada nas alternativas disponíveis para ver qual projeto melhor atende às suas necessidades.

O código-fonte deste site de documentação também está incluído no repositório. Este é um projeto um pouco mais complexo. Confira a pasta /docs para instruções de compilação.

Projetos de exemplo mais avançados

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

Grátis

  • React Most Wanted:

    • Criado com o Create React App
    • Custom Create React App script to start a new project with just a single CLI command
    • Build for Firebase including Authentication using the official Firebase Web Auth UI
    • Routing with React Router including error handling (404) and lazy loading
    • 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
    • Extensive mobile support with full-screen dialogs and react-swipeable-views for tabs
    • Cross-platform application monitoring with a focus on error reporting with Sentry
  • Material Sense:

    • Gráfico usando recharts
    • React Router incluído com um exemplo de navegação
    • Um contêiner docker com um servidor Nginx para compilação de produção
    • Criado com o Create React App
  • React SaaS Template:

    • Criado com o 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...

Pago

  • 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