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

Se você quer começar com um exemplo mais completo e do mundo real, você pode dar uma olhada nos temas premium & templates ou:

Grátis

  • React Most Wanted:

    • Criado com o Create React App
    • Script customizado de Create React App para iniciar um novo projeto com somente um único comando CLI
    • Construído para Firebase incluindo autenticação usando a oficial Firebase Web Auth UI
    • Roteamento com React Router, incluindo manipulação de erros (404) e carregamento tardio
    • Todos os recursos PWA incluídos (SW, Notificações, prompt de instalação diferido e muito mais)
    • Desempenho otimizado e escalável (todos ~100 pontos em Lighthouse)
  • RMUIF:

    • Bootstrapped com Create React App, as mesmas ferramentas de trabalho de get-go
    • Construído sobre o Firebase com todos os seus produtos para a web incluído
    • Roteamento robusto com React Router, incluindo rotas protegidas e manipulação de erros
    • Suporte móvel extensivo com diálogos de tela cheia e react-swipeable-views para abas
    • Monitoramento de aplicativos entre plataformas com foco no relatório de erros com 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
    • Apresentando uma página inicial, um blog, uma área para login/registro e um painel de administração
    • Totalmente roteado usando react-router
    • De forma tardia, carrega componentes para aumentar o desempenho
    • Componentes para estatísticas, texto com suporte a emoji, upload de imagens e muito mais...

Pago

  • ScaffoldHub:

    • Crie o seu aplicativo completo com esta ferramenta online
    • Escolha o seu framework e biblioteca (React & Material-UI!)
    • Escolha seu banco de dados (SQL, MongoDB ou Firestore)
    • Modele seu banco de dados e aplicativo com uma interface intuitiva
    • Gere sua aplicação, incluindo um scaffolded de backend completo
    • Pré-visualize seu aplicativo online, e baixe o código gerado