No video

React Native, React Hook Form e TypeScript (Avançado)

  Рет қаралды 4,254

Coffstack

Coffstack

Күн бұрын

Usando o React Hook Form no React Native da forma correta! Nese vídeo mostrei um pouco de como costumo componentizar os inputs de formulário para deixar o código mais limpo e reutilizável. Tudo isso através de técnicas simples de refatoração e utilizando o TypeScript Generics.
✅ A Formação React Native mais completa do Brasil:
coffstack.com/...
✅ VOCÊ TAMBÉM VAI GOSTAR DESSES VÍDEOS:
▸ useReducer | O React Hook mais PODEROSO e IGNORADO (Avançado)
• useReducer | O React H...
▸ De JOVEM FRACASSADO a ENGENHEIRO de SOFTWARE na Austrália | O poder do LONGO PRAZO
• De JOVEM FRACASSADO a ...
▸ Guia de Estudo REACT NATIVE 2023 (Roadmap PROFISSIONAL)
• Guia de Estudo REACT N...
✅ REDES SOCIAIS:
Instagram: @coffstack
/ coffstack
TikTok: @coffstack
/ coffstack
Twitter: @coffstack
/ coffstack
Blog/Artigos
blog.coffstack...
Instagram: @lucasgar6
/ lucasgar6
00:00 - Curso React Native
00:59 - React Hook Form
02:51 - Don't Repeat Yourself
03:35 - Refatoração passo a passo
08:13 - Usando o Componente
10:25 - Entendendo o erro no TypeScript
12:35 - Interface Genérica (TypeScript)
17:48 - Intersection Types
19:20 - Porque usar TypeScript?
21:29 - Promoção Curso React Native
#reactnative #typescript #reacthooks #reactjs #programação #tutorial

Пікірлер: 33
@Coffstack
@Coffstack Жыл бұрын
Quer aprender React Native de forma profissional comigo? Dia 05 de junho lançarei o curso de React Native da Coffstack! Então pra ficar por dentro e aproveitar uma oferta super especial entre na lista de espera: chat.whatsapp.com/K8WvNoJtqKCK9Eq5NcVrlA
@ranielferreiradesantana2097
@ranielferreiradesantana2097 3 ай бұрын
Man, Para deixar mais parrudo poderia adicionar alguns campos com inputs diferente tipo: Select , Switch , Date .... , você é fera, consegui reproduzir um sistema desenvolvido em PHP (Codeigniter 4) para um APP em React Native só com algumas dicas e esses tutoriais.
@Coffstack
@Coffstack 3 ай бұрын
Valeu amigo!
@diegofranca92
@diegofranca92 3 ай бұрын
Massa, muito util. Ganhou um inscrito
@Coffstack
@Coffstack 3 ай бұрын
Valeu, Diego! Aproveita o canal, tem muito tutorial bacana como esse!
@pedrohesm
@pedrohesm 4 ай бұрын
mano, sem palavras, tu é o cara, obrigado, ganhou mais um inscrito.
@Coffstack
@Coffstack 3 ай бұрын
Valeu Pedro!
@JanderSilva01
@JanderSilva01 11 ай бұрын
Ótimo conteúdo e ótima didática, parabéns.
@Coffstack
@Coffstack 11 ай бұрын
Valeu amigo!
@MATT-ou7mg
@MATT-ou7mg Жыл бұрын
Tá show Lucas, didática incrível tmj
@Coffstack
@Coffstack Жыл бұрын
Value Matt!
@Scuzzz88
@Scuzzz88 Жыл бұрын
Show!!
@Coffstack
@Coffstack Жыл бұрын
Valeu Lucas!
@misterjs023
@misterjs023 Ай бұрын
muito bom, deu pra aprender bastante e ter mais coragem pra usar o typescript!....Lucas tu acha que profissional de verdade deve usar a CLI e não o Expo? ou usar o expo no "bare workflow" e não no "managed workflow" ?, qual a tua opinião sobre isso baseado no tempo de experiência que tens?
@Coffstack
@Coffstack Ай бұрын
Afirmo com muita tranquilidade que quem quer trabalhar profissionalmente com React Native precisa conhecer bem o CLI! Pode até começar sem, mas tu não vai muito longe na carreira.
@misterjs023
@misterjs023 Ай бұрын
​@@Coffstack entendi, valeu Lucas, já tem algum vídeo aqui no canal explicando mais sobre essa posição que hoje você adota sobre o CLI? mostrando ou explicando o que realmente te fez ter esse pensamento? eu trabalho com managed workflow usando o expo, e ainda não me deparei com uma situação que me fez usar a CLI ou o bare workflow do expo, se eu entender as tuas bases talvez isso me fará mudar de pensamento e se calhar vai valer mais a pena usar o CLI, mas preciso entender o motivo do teu ponto de vista, já tem um vídeo no canal sobre isso? seria bem recebido também
@Coffstack
@Coffstack Ай бұрын
@@misterjs023 Tem sim: kzfaq.info/get/bejne/pJaaprJq3ZzHZnk.htmlsi=ZE4VS93rBGRTWkG-
@Gustavo-vu1py
@Gustavo-vu1py 6 ай бұрын
e caso seja um formulário multi step, como vc faz? se cada step é um componente?
@Coffstack
@Coffstack 6 ай бұрын
Você pode usar o FormProvider react-hook-form.com/docs/formprovider
@tuliodeoliveira9568
@tuliodeoliveira9568 Жыл бұрын
Fala irmão, se possível faz um vídeo criando um Roadmap pra quem quer iniciar e seguir carreira de mobile
@deivicoelho1384
@deivicoelho1384 Жыл бұрын
Já tem, só olhar no canal dele
@Coffstack
@Coffstack Жыл бұрын
Já tem aqui no canal para React Native: kzfaq.info/get/bejne/oJmJntOSzpOVpps.html
@pedrorondelli8218
@pedrorondelli8218 5 ай бұрын
Como faz para ter esse celular espelhado na tela?
@Coffstack
@Coffstack 5 ай бұрын
É o simulador do iPhone, vem junto com o Xcode.
@arnobioairesdelima8617
@arnobioairesdelima8617 Жыл бұрын
opa Lucas, para criar os projetos será usado o expo ou nativo ? e qual das estratégias é melhor para aprender e para o mercado.
@Coffstack
@Coffstack Жыл бұрын
Módulo de Introdução vamos usar o Expo, já no módulo de principal onde vamos construir um App do zero será usado o React Native CLI. Para mercado de trabalho definitivamente o CLI.
@Coffstack
@Coffstack Жыл бұрын
Inclusive já está rolando uma conversa lá dentro da comunidade, sobre esse tópico. Olha esse comentário de um dos alunos que já atua no mercado com React Native: "por algumas referências e experiência própria aconselho a migrar agora para o CLI mesmo que já tenha escrito bastante código. Vale destacar que o Expo facilita bastante alguns processos, principalmente se você ainda é iniciante no desenvolvimento com o RN mas você precisa saber mensurar seu projeto antes de decidir usá-lo ou não. O mercado profissional trabalha com produtos, ou seja um organismo vivo que sempre vai estar passível a mudança e isso implica que pra escolha profissional o Expo não é interessante. No meu caso pessoal eu precisei migrar, e amigo kkk quanto mais cedo você fizer isso melhor, talvez pelo tamanho do seu projeto você consiga iniciar um em CLI e fazer a transição sem precisar do eject( respondendo sua pergunta: O eject é remover a camada do Expo do projeto) por que se precisar vai dar um trabalhinho a mais. Por fim, acostume-se em trabalhar com o CLI, é bem sólido e hoje a diferença de trabalho pra algumas configs em comparação com o Expo nem é tanta, o Expo evoluiu e continua evoluindo bastante mas ainda não atingiu a maturidade necessária pra ser uma boa escolha profissionalmente, acredito que seja questão de tempo mas por enquanto é isso."
@guilhermecoutinho5660
@guilhermecoutinho5660 Жыл бұрын
O curso vai ser acesso vitalício?
@Coffstack
@Coffstack Жыл бұрын
Não, a validade é de 1 ano. Durante esse período o aluno terá acesso a todas as atualizações, a comunidade e ao suporte!
@CarlosDias-dh4jo
@CarlosDias-dh4jo Жыл бұрын
Quanto vai ser o curso?
@MATT-ou7mg
@MATT-ou7mg Жыл бұрын
dia 5 de junho
@Coffstack
@Coffstack Жыл бұрын
As inscrições da primeira turma serão abertas no dia 05 de junho! o Valor do curso será de R$700,00 mas terá uma condição especial pra quem estiver na lista de espera!
@winiciuswanderlei2217
@winiciuswanderlei2217 Жыл бұрын
Show demais, aguardo ansiosamente pelo curso! ps: estou na lista de espera!
Викторина от МАМЫ 🆘 | WICSUR #shorts
00:58
Бискас
Рет қаралды 6 МЛН
Stay on your way 🛤️✨
00:34
A4
Рет қаралды 31 МЛН
Little brothers couldn't stay calm when they noticed a bin lorry #shorts
00:32
Fabiosa Best Lifehacks
Рет қаралды 17 МЛН
Bony Just Wants To Take A Shower #animation
00:10
GREEN MAX
Рет қаралды 5 МЛН
Why Signals Are Better Than React Hooks
16:30
Web Dev Simplified
Рет қаралды 469 М.
Enums considered harmful
9:23
Matt Pocock
Рет қаралды 202 М.
Master React Native Authentication with Expo Router & Clerk
35:53
Generics: The most intimidating TypeScript feature
18:19
Matt Pocock
Рет қаралды 171 М.
Guia de Estudo REACT NATIVE  2023 (Roadmap PROFISSIONAL)
31:31
Criando Formulários com o React Hook Form e validando com o Yup
43:25
Learn Event Delegation In 10 Minutes
9:57
Web Dev Simplified
Рет қаралды 41 М.
React Junior Developer Interview (Questions & Challenge)
1:06:19
Cosden Solutions
Рет қаралды 121 М.
Викторина от МАМЫ 🆘 | WICSUR #shorts
00:58
Бискас
Рет қаралды 6 МЛН