DEV Community

Andres dos Santos
Andres dos Santos

Posted on

Como criar um projeto React Native com TypeScript

Faaaala Dev's, no meu primeiro post vou ensinar a vocês a como criar um projeto React Native usando o TypeScript, já sabemos que o TS é o "amigo inteligente" do JavaScript, por isso ele vai ser cada vez mais usado no mercado já que as tipagens são de extrema importância na segurança de resposta e na manutenção do código. Já imaginou se o seu código começa a ficar muito grande e daí, no meio do caminho aparece aquele indesejável undefined? Isso vai te frustar bastante 😅, mas não se preocupe nós vamos mudando aos poucos tudo para o TypeScript 😎.

Lembrando que não é para destruirmos o JavaScript de uma vez por todas, até porque ao final tudo é bundle, ou seja, JavaScript.

Vamos definir o diretório

Eu particularmente gosto de deixar meus projetos em documentos, então bora navegar até lá.

No terminal, garanta que você esteje na raíz do usuário padrão do sistema.

$ cd ~
Enter fullscreen mode Exit fullscreen mode

Agora que você está no usuário, navegue até documentos, para isso vamos usar o cd que significa change directory.

$ cd Documents/
Enter fullscreen mode Exit fullscreen mode

Beleza, vamos criar uma pasta para o nosso projeto, usaremos o mkdir que significa make directory.

$ mkdir app
Enter fullscreen mode Exit fullscreen mode

⚠️Atenção aqui!⚠️

De acordo com as últimas recomendações do pessoal do React não é legal ter o React Native CLI instalada globalmente no sistema, então vamos removê-los.

** Desinstalar **

$ npm uninstall -g react-native-cli

  ou

$ yarn remove -g react-native-cli
Enter fullscreen mode Exit fullscreen mode

Finalmente podemos usar a cli do React Native para criar um projeto usando TypeScript. Então bora lá ...

$ npx react-native init FirstAppWithReactNativeAndTS --template react-native-template-typescript 
Enter fullscreen mode Exit fullscreen mode

Beleza Dev's espero que vocês tenham gostado desse primeiro post, fico por aqui e até a próxima.

Discussion (0)