✨ Eu criei um boilerplate para projetos em React Native

Fala aí comunidade TabNews, como vocês estão?

Estava planejando uma ideia de produto nessa semana que passou, e de repente, quando fui partir para a codificação, e me peguei "perdendo tempo" fazendo a mesma configuração inicial que já havia feito em outros projetos: Expo, NativeWind, Lint, Prettier e etc. O mesmo de sempre.

A partir disso, surgiu o react-native-boilerplate, que basicamente é um projeto somente com um Hello World, porém com o setup de todas essas dependências já realizado e pronto para uso!

O que este projeto contém?

• React Native e Expo: Nesse projeto, você já tem à sua disposição o RN 0.76.6 com a nova arquitetura mais leve, rápida e robusta.
• NativeWind: Já conhecido pelos amantes do TailwindCSS, o NativeWind está no projeto para acelerar ainda mais a criação e estilização das novas ideias.
• NativeWindUI: Muito similar ao shadcn, essa biblioteca permite que você utilize componentes pré-prontos e customize ao seu gosto, utilizando as classes do Tailwind. Além disso, o seu projeto só precisa ter os componentes que você estiver usando, similar ao shadcn.

Commits, testes e padronização de código:

• Eslint: O eslint já está configurado e pronto para uso, mantenha um bom padrão de código dentro do seu projeto, evitando discrepanças quando mais de um desenvolvedor estiver trabalhando num mesmo projeto e/ou arquivo.
• Prettier: Aliado ao eslint, o prettier realizará as formatações necessárias no ato de um simples CTRL + S, mais uma lib para atuar na padronização de código e identação.
• Husky: Para quem já conhece o husky, já entende o que ele está fazendo aqui, para quem não conhece, entenda que essa lib está configurada no projeto para duas razões: Evitar commits fora do padrão e com mensagens escritas de qualquer jeito e rodar o script de testes antes de realizar qualquer push para o Github, evitando subir código ou commit fora do padrão e também evitando subir código que quebrou algum dos testes existentes dentro do projeto.

Como utilizar?

Para facilitar e incentivar a utilização, foi criada uma CLI para realizar o bootstrap do seu projeto utilizando o meu boilerplate, use o seguinte comando no terminal:

npx zambom-cli new nome-do-projeto

A partir daí, o seu projeto será criado e a CLI indicará os próximos passos que você deve seguir para começar a codar!

Esse foi um projeto bem divertido de criar, e eu gostaria muito de manter ele vivo, trazendo atualizações de acordo com que tecnologias melhores e interessantes forem surgindo no mercado ou até mesmo atualizando as libs que já existem nele atualmente.

Para acessar o repositório, clique no link abaixo:
🔮 Repositório no Github

Deixe uma estrela se achou bacana :)