Esqueça o “Create React App”! Crie Projetos React Assim…
O “Create React App” é uma ferramenta popular e amplamente utilizada para começar rapidamente um novo projeto React. No entanto, existem outras formas de criar projetos React sem depender do “Create React App”. Neste artigo, vamos explorar algumas alternativas e como você pode criar projetos React de maneira mais customizada.
1. Configuração Manual
Uma das maneiras de criar um projeto React é através da configuração manual. Isso envolve a instalação das dependências necessárias e a configuração do ambiente de desenvolvimento. Embora essa abordagem possa ser mais demorada e exigir mais conhecimento técnico, ela oferece mais flexibilidade e controle sobre o projeto.
2. Ferramentas de Linha de Comando
Existem várias ferramentas de linha de comando que podem ajudar a criar projetos React. Essas ferramentas fornecem um conjunto de comandos que automatizam tarefas comuns, como a instalação de dependências e a configuração do ambiente de desenvolvimento. Alguns exemplos populares incluem o “Yeoman” e o “Vue CLI”.
3. Boilerplate
Boilerplate é um termo usado para se referir a um projeto inicial com uma estrutura básica já configurada. Existem vários boilerplates disponíveis para projetos React, que fornecem uma base sólida para começar a desenvolver. Você pode escolher um boilerplate com as características e configurações específicas que você precisa para o seu projeto.
4. Next.js
Next.js é um framework popular para projetos React que oferece uma abordagem diferenciada. Ele combina o React com um servidor Node.js e suporte a renderização do lado do servidor (SSR). O Next.js simplifica a criação de aplicativos React, fornecendo uma estrutura robusta e muitos recursos úteis, como roteamento, pré-renderização e otimização de desempenho.
Conclusão
Embora o “Create React App” seja uma ferramenta excelente para começar rapidamente um projeto React, existem outras alternativas disponíveis que podem ser mais adequadas às suas necessidades. A configuração manual, as ferramentas de linha de comando, os boilerplates e o Next.js são apenas algumas opções que você pode considerar. Explore essas alternativas e escolha a abordagem que melhor se adapte ao seu projeto e às suas habilidades.
Utilizava o CRA, e estava migrando para o NextJS, pois o back era em NodeJS. Mas agora vou estudar essas outras opções. O Vite me pareceu uma boa opção. Obrigado a vocês por me ajudarem mais uma vez no meu desenvolvimento profissional.
As vezes nossa cabeça parece que vai explodir de tanta informação e tanta "sopa de letrinhas". Mas nesse vídeo a informação é tão precisa e simples, que qualquer iniciante consegue compreender
estou começado agora com react!!!
Obrigado vocês são topss
👏
Uso react a 3 anos, mas estou seriamente pensando em migrar para o angular por ter menos concorrencia shdashdsahdahs.
3 anos e 0 vagas
Que tal um vídeo falando do Rescript?
Usei o vite pela primeira vez pelo git-bash, mas por algum motivo ficou super bugado… A seleção das configurações iniciais não funcionou muito bem, mesmo descendo com a seta do teclado, a interface não respondia aos comandos. Alguém sabe dizer o porque?
e como um júnior, eu estudo qual? 😢
Comecei em programação há poucos meses, até agora vi somente React, vinha usando Create-React-App. Vi um projeto com Vite, achei bem interessante sim.
Eu queroooooooooooo trabalhar com voces pleasseeeeeeee hahaha me da uma camiseta! Meu sonho!
pq no vite vcs digitaram "npm create-vite " e no remix "npx create-remix"?
Único que usei até hoje foi electron. Queria aulas concisas sobre VueJs e angularjs.
Vocês poderiam abordar também o Expo que tem evoluído bastante principalmente com o Expo-Router
Sinceramente, acho o Remix desnecessário. Nada mais é que uma baita reinvenção da roda!
Vcs poderiam fazer um video como funciona essas camadas? Tipo o nextjs eh acima do react, acima do ts acima do js. Eu to começando e essas coisas me deixam confuso.
eu prefiro Angular, mais consistente.
Pra quem tá indo pro nextjs pode até tomar algum susto. Porque usar o react é bem mais fácil comparado ao next que introduz bem mais complexidade ao código. Só que como resultado, traz também um desempenho maior.. Cabe ao desenvolvedor escolher se vale a pena pra ele ou nao
@Código Fonte poderia trazer no dicionário do programador "Webview"
To usando @NX plugins pra gerar apps em monorepos!