Executando verificação de segurança...
4
Yagasaki
2 min de leitura ·

Tudo mudou para os desenvolvedores em React.js

"Se você é um desenvolvedor React, provavelmente já deve ter ouvido falar sobre o Create-React-App (CRA). Por anos, ele tem sido a escolha padrão para inicializar e configurar projetos React. No entanto, recentemente, o time do React anunciou que não recomenda mais o uso do CRA."

O padrão da indústria já não era mais o CRA por algum tempo, que foi substituído pela performance imbatível do Vite aliado ao seu suporte nativo ao TypeScript, isso até mesmo para mim, passei a utilizar o Vite pelo bundle ser bem menor e mais rápido de criar.

O CRA é uma ferramenta de linha de comando que ajuda a criar um novo projeto React com uma configuração padrão. Ele vem com todas as dependências necessárias e um ambiente de desenvolvimento configurado prontos para serem utilizados. Por outro lado, o Vite é um construtor de projetos que se concentra na eficiência de desenvolvimento em ambientes de desenvolvimento modernos. Ele é projetado para ser mais rápido e mais leve do que o CRA.

Mas por que o Vite está se tornando a nova escolha padrão para projetos React? Vamos dar uma olhada em algumas das principais diferenças entre essas duas ferramentas.

  • Mais rápido e mais leve do que o Create-React-App
  • Usa o esbuild para compilação, que é significativamente mais rápido do que o webpack
  • Permite que os desenvolvedores construam e recarreguem projetos mais rapidamente
  • Projetado para trabalhar com outras tecnologias modernas, como o TypeScript e o Vue.js (Vite e Vue.js têm o mesmo criador, Evan You)
  • Possui um ambiente de desenvolvimento mais moderno e atualizado
  • Suporta HMR (Hot Module Replacement) para atualizações de módulo mais rápidas durante o desenvolvimento
  • Permite importações dinâmicas com melhor suporte a tipos para otimização de carregamento de módulos
  • Oferece uma experiência de desenvolvimento mais suave e produtiva em geral.

Outra diferença importante é a forma como eles lidam com a inicialização do projeto. O CRA cria uma configuração padrão para o projeto, o que significa que você tem menos controle sobre a estrutura do projeto, tendo que ejetá-lo para fazer qualquer configuração personalizada. O Vite permite que você escolha como deseja configurar seu projeto, dando aos desenvolvedores mais flexibilidade e controle.

Em resumo, o Vite se tornou a escolha padrão para projetos React. Ele é mais rápido, mais leve e mais flexível do que o CRA, e é projetado para trabalhar com outras tecnologias modernas. Se você ainda não experimentou o Vite, agora é a hora de dar uma chance e ver como ele pode ajudar a melhorar sua eficiência de desenvolvimento.

Fonte: https://yagasaki.dev/blog/tudo-mudou-para-os-desenvolvedores-em-react-js

Carregando publicação patrocinada...
1
1
gabrielmgaa

Acredito que deseja esclarecimentos acerca da nova documentação do React e sua recomendação quanto à não utilização do CRA (Create React App) para criação de novos projetos. Na atual documentação do React, a orientação é que a criação de novos projetos seja feita através de frameworks, como o NextJS, Gatsby, Expo e Remix.

Tal recomendação decorre do fato de que, ao desenvolver em React nativo, é comum que todo o conteúdo seja construído com JavaScript, o que pode prejudicar o SEO da página e reduzir o seu ranqueamento. Por outro lado, os frameworks apresentam diversas funcionalidades que auxiliam na otimização do projeto, tais como a criação de rotas e outras otimizações que contribuem para o desenvolvimento em React.

Assim sendo, ao utilizar frameworks, como o NextJS, por exemplo, é possível usufruir de inúmeras vantagens, tais como melhorias no SEO, facilidade no desenvolvimento de rotas e outras funcionalidades que podem contribuir para aprimorar o projeto, tudo isso sem deixar de utilizar a biblioteca React.

1
victorivens05

Quando comecei a ler o artigo, pensei que você ia falar sobre ssr estar se tornando a regra, e não a exceção.

Sinal disso é a nova documentação do react, que agora não sugere nem o CRA e nem mesmo o vite, mas sim utilizar um framework de terceiros, nominalmente next.js, remix, gatsby ou expo, para apps nativos.

referência:
https://react.dev/learn/start-a-new-react-project

Importante ressaltar que nessa página eles encaminham a criação de novos projetos em react usando um desses frameworks e tem ainda um bloco de informação para quem não quer usar um desses frameworks, onde eles essencialmente justificam o uso de frameworks, enquanto tentam nos convencer a usar um deles. Quem não se convencer, eles indicam Vite ou Parcel.

Vale a leitura dessa doc.

1
victorguedes

As vantagens do uso dos frameworks indicados pelo time do React são que:

  • eu não preciso me preocupar com que sistema de roteamento usar;
  • não preciso conhecer todas as opções de criação de css;
  • não tenho que procurar soluções para SEO;
  • tenho uma opção para otimização e segurança ao usar imagens;

Para muitos pode ser perda de liberdade, mas para empresas é padronização.