thomasdacosta/aula_react_native

:star: Curso básico de React Native utilizando Expo. Os exemplos funcionam localmente com o Expo e na Web

React Native Componentes

Tópicos Abordados

• Aula 01 - Apresentação
• Aula 02 - Conceitos de API REST
• Aula 03 - JavaScript - Conceitos Básicos
• Aula 04 - React Native
• Aula 05 - Persona e Jornada do Usuário
• Aula 06 - JavaScript – Functions, Arrow Functions e Export
• Aula 07 - Componentes Visuais do React Native
• Aula 08 - Hook - useState
• Aula 09 - Hook - useEffect
• Aula 10 - Componentização no React Native
• Aula 11 - FlatList
• Aula 12 - React Navigation
• Aula 13 - Modal
• Aula 14 - Flexbox
• Aula 15 - Armazenamento de Dados
• Aula 16 - Promise e Fecth
• Aula 17 - Webview
• Aula 18 - Context API
• Aula 19 - React Native Elements
• LAB - Aplicativo de Cadastro (Tela e Validação)
• LAB - Aplicativo de Listagem
• LAB - Aplicativo de Cadastro com Navegação
• LAB - Atividades de Lab em Geral
• LAB - Persona e Jornada do Usuário
• LAB - Desenvolvimento do Projeto - Parte 1
• LAB - Desenvolvimento do Projeto - Parte 2

Expo

• https://snack.expo.dev/@thomasdacostaprof/aula_04_1_olamundo
• https://snack.expo.dev/@thomasdacostaprof/aula_04_2_lifecyclecomponent
• https://snack.expo.dev/@thomasdacostaprof/aula_05_functions_arrow_functions
• https://snack.expo.dev/@thomasdacostaprof/aula_06_1_componentes_visuais
• https://snack.expo.dev/@thomasdacostaprof/aula_06_2_componentes_visuais_view
• https://snack.expo.dev/@thomasdacostaprof/aula_06_3_componentes_visuais_text
• https://snack.expo.dev/@thomasdacostaprof/aula_06_4_componentes_visuais_button
• https://snack.expo.dev/@thomasdacostaprof/aula_06_5_componentes_visuais_textinput
• https://snack.expo.dev/@thomasdacostaprof/aula_06_6_componentes_visuais_image
• https://snack.expo.dev/@thomasdacostaprof/aula_06_7_componentes_visuais_imagebackground
• https://snack.expo.dev/@thomasdacostaprof/aula_06_8_componentes_visuais_activityindicator
• https://snack.expo.dev/@thomasdacostaprof/aula_06_9_componentes_visuais_safeareaview
• https://snack.expo.dev/@thomasdacostaprof/aula_06_10_componentes_visuais_scrollview
• https://snack.expo.dev/@thomasdacostaprof/aula_06_11_componentes_visuais_pressable
• https://snack.expo.dev/@thomasdacostaprof/aula_07_1_hook_usestate
• https://snack.expo.dev/@thomasdacostaprof/aula_07_2_calculadora
• https://snack.expo.dev/@thomasdacostaprof/aula_08_hook_useeffect
• https://snack.expo.dev/@thomasdacostaprof/aula_09_componentizacao_react_native
• https://snack.expo.dev/@thomasdacostaprof/aula_10_1_flatlist
• https://snack.expo.dev/@thomasdacostaprof/aula_10_2_flatlist
• https://snack.expo.dev/@thomasdacostaprof/aula_11_1_reactnavigation
• https://snack.expo.dev/@thomasdacostaprof/aula_11_2_reactnavigation
• https://snack.expo.dev/@thomasdacostaprof/aula_12_modal
• https://snack.expo.dev/@thomasdacostaprof/aula_13_flexbox
• https://snack.expo.dev/@thomasdacostaprof/aula_14_1_armazenamento_asyncstorage
• https://snack.expo.dev/@thomasdacostaprof/aula_14_2_armazenamento_mmkv
• https://snack.expo.dev/@thomasdacostaprof/aula_15_promise_fecth
• https://snack.expo.dev/@thomasdacostaprof/aula_16_webview
• https://snack.expo.dev/@thomasdacostaprof/aula_17_contextapi
• https://snack.expo.dev/@thomasdacostaprof/aula_18_reactnativeelements

Expo - outros Snacks

• https://snack.expo.dev/@thomasdacostaprof/marvel-app
• https://snack.expo.dev/@thomasdacostaprof/template-react-native
• https://snack.expo.dev/@thomasdacostaprof/e-commerce
• https://snack.expo.dev/@thomasdacostaprof/projeto_disciplina_semestre
• https://snack.expo.dev/@thomasdacostaprof/mask_input

Objetivo

Componentes básicos do React Native e seu funcionamento

Create Expo Stack

Ferramenta de Linha de Comando (CLI) para inicializar uma aplicação React Native com Expo. Oferece opções para incluir Typescript, roteamento baseado em arquivos através do Expo Router, roteamento baseado em configuração através do React Navigation puro, estilização via Nativewind, StyleSheets ou Tamagui, e/ou backends como serviço, como Firebase e Supabase.

• https://createexpostack.com/

Link Úteis

Advanced JavaScript CheatSheet

• https://www.linkedin.com/feed/update/urn:li:activity:7152290758824214528/

20 Best JavaScript Snippets

• https://www.linkedin.com/feed/update/urn:li:activity:7137319665831231488/

JavaScript OOPS

• https://www.linkedin.com/feed/update/urn:li:activity:7122447605288087552/

Complete JavaScript Cheat Sheet

• https://www.linkedin.com/feed/update/urn:li:activity:7056135938053128192/

New JavaScript Features

• https://www.linkedin.com/feed/update/urn:li:activity:7047454983188836352/

Node.js CheatSheet

• https://www.linkedin.com/feed/update/urn:li:activity:7047169371592421376/

7 Methods to Loop in JavaScript

• https://www.linkedin.com/feed/update/urn:li:activity:7048240151780634624/

JavaScript Arrays Methods in Details

• https://www.linkedin.com/feed/update/urn:li:activity:7043793346657484800/

React Native - Frameworks UI

• https://gluestack.io/
• https://fluent2.microsoft.design/
• https://www.nativewind.dev/
• https://reactnativeelements.com/
• https://reactnativepaper.com/
• https://wix.github.io/react-native-ui-lib/
• https://tamagui.dev/
• https://callstack.github.io/react-native-ios-kit/
• https://akveo.github.io/react-native-ui-kitten/
• https://hackernoon.com/2022s-top-5-react-native-ui-libraries
• https://github.com/FaridSafi/react-native-gifted-chat
• https://react-hook-form.com/
• https://github.com/lottie-react-native/lottie-react-native
• https://nativebase.io/
• https://www.reactnative.express/
• https://rnmk.xinthink.com/
• https://github.com/nachos-ui/nachos-ui
• https://callstack.github.io/react-native-paper/1.0/index.html
• https://medium.com/nerd-for-tech/top-5-ui-libraries-for-react-native-2ce8a973bb1c
• https://docs.expo.dev/ui-programming/user-interface-libraries/

React Native Directory

• https://reactnative.directory/

React Native - Bibliotecas

• https://reactnavigation.org/
• https://react-redux.js.org/
• https://github.com/react-native-maps/react-native-maps
• https://github.com/oblador/react-native-vector-icons
• https://github.com/andpor/react-native-sqlite-storage
• https://www.alura.com.br/artigos/react-native-fazendo-requisicoes-fetch
• https://github.com/realm/realm-js
• https://github.com/reduxjs/redux

React Native - Expo Links Uteis

• https://docs.expo.dev/eas-update/how-it-works/
• https://docs.expo.dev/router/installation/
• https://docs.expo.dev/build/internal-distribution/
• https://docs.expo.dev/workflow/ios-simulator/
• https://docs.expo.dev/build/building-from-github/
• https://docs.expo.dev/build-reference/local-builds/
• https://docs.expo.dev/modules/get-started/
• https://docs.expo.dev/workflow/android-studio-emulator/

React Native - Expo Exemplos

• https://github.com/expo/examples

React Native - Game Engine

• https://www.npmjs.com/package/react-native-game-engine

React Native - TextInput

• https://blog.logrocket.com/complete-guide-textinput-react-native/
• https://reactnative.dev/docs/handling-text-input
• https://stackoverflow.com/questions/36147276/how-to-validate-textinput-values-in-react-native
• https://medium.com/@pavsidhu/validating-forms-in-react-native-7adc625c49cf

React Native - Gerando o Aplicativo para o celular

• https://docs.expo.dev/build-reference/apk/
• https://docs.expo.dev/build/setup/
• https://www.youtube.com/watch?v=-tSMiJRx-hc
• https://www.youtube.com/watch?v=bIMk6iaPOBE&t=5s
• https://docs.expo.dev/guides/permissions/

React Native for Windows + macOS

• https://microsoft.github.io/react-native-windows/

Mobile em Geral

• https://www.geekbench.com/
• https://www.gsmarena.com/
• https://www.oficinadanet.com.br/smartphones/33181-todos-os-iphones-ja-lancados
• https://developer.android.com/about/versions?hl=pt-br
• https://tecnoblog.net/responde/o-que-e-snapdragon/
• https://www.promobit.com.br/blog/qual-o-melhor-processador-de-celular/
• https://unite4buy.com/pt/cpu/mobile-processors-ranking/

The Most Popular Development SDKs

• https://appfigures.com/top-sdks/development/all

---

Thomás da Costa - https://thomasdacosta.com.br