Pular para o conteúdo
Ajude a traduzir esta página

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

  • GraphQL API and Relay Starter Kit:

    • estrelas
    • GraphQL API project using code-first design (TypeScript, OAuth, GraphQL.js, Knex, Cloud SQL)
    • Web application project pre-configured with Webpack v5, TypeScript, React, Relay, Material UI
    • Serverless deployment: api -> Cloud Functions, web -> Cloudflare Workers
    • Client-side page routing/rendering at CDN edge locations, lazy loading
    • Optimized for fast CI/CD builds and deployments using Yarn v2 monorepo design

  • React Most Wanted:

    • estrelas
    • 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)

  • React SaaS Template:

    • estrelas
    • 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...

  • Material Sense:

    • estrelas
    • 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

  • RMUIF:

    • estrelas
    • 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

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

  • Divjoy:

    • Create your Material-UI app in minutes.
    • You'll get a nice template, authentication, database integration, subscription payments, and more.