Aula 2 | Codando Aplicativo (Custom Fonts, Tema, Telas Responsivas e Navegação)

Fala Coders! Na segunda live da DevRiseWeek, onde criamos nosso aplicativo de Star Wars em Rect Native configuramos o padrão do Eslint, Babel e Prettier no nosso projeto, para termos um padrão de código estabelecido. Também instalamos a fonte customizada, seguindo nosso padrão do Figma. Além disso, mostrei também como criar um Tema, para ser utilizando junto ao styled-components, contendo cores, fonts e métricas padrões para serem usadas no projeto. Neste arquivos de métricas, construimos uma função para deixarmos os estilos responsivos. Criamos os componentes de Card e Listagem que serão utilizado na listagem tela Home. Por fim, desenvolvemos o componente de Routes, responsável por controlar a navegação entre as telas, e com isso criamos a lógica para navegar entre SplashScreen e a Home. Links Uteis: Commits da aula: Configs do Eslint, Babel e Prettier: https://github.com/SevenCoders-Academ... Aula 2: https://github.com/SevenCoders-Academ... Custom Fonts com Expo: https://docs.expo.io/guides/using-cus... https://github.com/expo/google-fonts https://github.com/expo/google-fonts/... React Navigation: https://reactnavigation.org/docs/gett... Aula 2 | Codando Aplicativo (Custom Fonts, Tema, Telas Responsivas e Navegação)