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:

• Next.js (TypeScript version)
• Create React App (TypeScript version)
• Remix
• Gatsby
• Preact
• CDN
• Plain server-side
• Tailwind CSS
• Vite.js
• Use styled-components as style engine (TypeScript version)
• Next.js + @mui/styles (v4 migration helper)

Create React App é um projeto incrível para aprender React. Have a look at the alternatives available to see which project best fits your needs.

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

• GraphQL API and Relay Starter Kit:

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

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

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.
  • Você irá ter um oótimo modelo, autenticação, integração com banco de dados, incrições de pagamentos, e mais