The myskills-ignite from lilianmartinsfritzen

lilianmartinsfritzen / myskills-ignite Goto Github PK

View Code? Open in Web Editor NEW

O primeiro capítulo trouxe o ecossistema React Native, iniciando um projeto com a sua própria CLI. Conceitos importantes como componentes, propriedades, estado, imutabilidade, hooks, e como funciona a estilização dentro desse mundo mobile. Além da implementação do Typescript, de forma simples, no projeto já codado.

License: MIT License

JavaScript 4.74% Ruby 5.53% Starlark 3.46% Java 35.63% Objective-C 25.82% TypeScript 24.82%

myskills-ignite's Introduction

📱 MySkills

myskills.webm

🚀 CHAPTER I - IGNITE Rocketseat

📝 O que foi abordado no capítulo

O primeiro capítulo trouxe o ecossistema React Native, iniciando um projeto com a sua própria CLI. Conceitos importantes como componentes, propriedades, estado, imutabilidade, hooks, e como funciona a estilização dentro desse mundo mobile. Além da implementação do Typescript, de forma simples, no projeto já codado.

Compreensão do ecossistema que envolve o desenvolvimento mobile com React Native.
Estrutura do projeto a partir da CLI React Native.
Conceitos por trás dos componentes, propriedades, estado, imutabilidade e hooks.
Estilização com uso do Stylesheet, o React Native fornece de forma nativa um CSS in JS, que é uma abstração semelhante ao CSS utilizado na Web, exceto por terem adotado o estilo camel casing.
O poder do Typescript e sua implementação após o projeto ter sido iniciado.

✔️ Pré requisitos

Para Android

Para IOS

Para simular os ambientes mobile você pode consultar as documentações abaixo:

📑 Emulador Android

📑 Emulador IOS

🛠 Tecnologias e Ferramentas

🕹 Execução

# Clonar repositório
git clone [email protected]:lilianmartinsfritzen/myskills-ignite.git

# Entrar na pasta abaixo
cd myskills-ignite

# Restaurar pacotes
npm install

# Executar o projeto Android
npx react-native run-android && npm start

# Executar o projeto IOS
cd ios
pod install
cd ..
npx react-native run-ios && npm start