Como criar projetos no React?

Hoje, o jeito mais comum para aqueles que estão iniciando suas aplicações com React é o uso do npx create-react-app. Alguns defendem seu uso pela praticidade, principalmente para aqueles que estão iniciando seus estudos. Uma desvantagem é o grande volume de pacotes que precisam ser instalados. Isso aumenta o tempo necessário ao processo, que pode tomar vários minutos a depender da velocidade da internet, por exemplo.

Descrição do create-react-app: "Isso pode demorar alguns minutos". Mais de 1400 pacotes instalados.

Por outro lado, há aqueles que preferem um maior controle sobre seus projetos, configurando o package.json, o compilador e o bundler manualmente. Isso exige maior competência técnica e maior cuidado a fim de evitar erros desnecessários.

Uma alternativa que alia a agilidade e o controle sobre a aplicação é o uso dos frameworks desenvolvidos para React. Por exemplo, é o caso do NextJS, que já conta com solução de roteamento, estilização e é voltado para a renderização no servidor. Por servir a um propósito bem definido, sua criação não exige tanto espaço quando o tradicional create-react-app. Desse modo, um novo projeto pode ser criado de forma muito mais rápida. Para efeito de comparação, podemos ver que, sem o uso de Typescript e ESLint, apenas 20 pacotes foram instalados.

Caso optemos por um projeto que use Typescript e ESLint, esse valor sobe para 238 pacotes instalados, ainda bem inferior ao que é elaborado com o tradicional create-react-app. De todo modo, vale a pena testar o NextJS se o projeto se enquadrar em seus casos de uso.