Programando um Aplicativo em React Native do Zero - 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-Academy/starwars-wiki-expo/commit/885685bc98a0ef9249bb1756b7e4ad67fa6d3f4e Aula 2: https://github.com/SevenCoders-Academy/starwars-wiki-expo/commit/c029be15927945c1c0e211bdc56a04323691c8ef Custom Fonts com Expo: https://docs.expo.io/guides/using-custom-fonts/ https://github.com/expo/google-fonts https://github.com/expo/google-fonts/tree/master/font-packages/source-sans-pro#readme React Navigation: https://reactnavigation.org/docs/getting-started Aula 2 | Codando Aplicativo (Custom Fonts, Tema, Telas Responsivas e Navegação)