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