Criando formulários com Nativebase e React Hook Forms | React Native

  Рет қаралды 16,832

Rocketseat

Rocketseat

Жыл бұрын

O NativeBase é uma Component Library que disponibiliza inúmeros componentes prontos e flexíveis para utilizar em aplicações.
Enquanto o React Hook Forms permite obter os dados dos Inputs de um formulário sem utilizar estados e permite aplicar validação em tempo real.
Nós vamos aprender na prática a integrar o NativeBase com o React Hook Forms e, de quebra, descobrir como implementar validação em seus Inputs.
-----
Conecte-se a 200mil devs e avance para o próximo nível com a nossa plataforma: rocketseat.com.br/
Cadastre-se na nossa plataforma: app.rocketseat.com.br/signup
Junte-se a mais de 392mil devs em nossa comunidade no Discord: / discord
Acompanhe a Rocketseat nas redes sociais:
Twitter: @rocketseat
Facebook: @rocketseat
Instagram: @rocketseat_oficial

Пікірлер: 36
@BuchiKodo
@BuchiKodo Жыл бұрын
Oi, Queria agradecer pelo seu ótimo trabalho. Eu estava procurando esse problema no KZfaq, e você fez um vídeo ontem sobre isso. Obrigado novamente pela sua partilha. Eu sou francês, mas entendi perfeitamente. Muito obrigado
@rmpetersen86
@rmpetersen86 Жыл бұрын
Muito bom, mais um conteúdo de qualidade! me lembrou o TailwindCss do React
@gleisonpinto8092
@gleisonpinto8092 Жыл бұрын
Show de bola. Ótimo vídeo.
@gm_left
@gm_left 11 ай бұрын
Rocketseat sempre com bons conteúdos! O professor é fera !!! Apenas sugiro colocar a imagem dele no vídeo em algum lugar da tela que não tenha o código ou a tela do celular. Não dá para ver o que o professor digita.
@viniciusnascimento6503
@viniciusnascimento6503 Жыл бұрын
showww muito top que conteudo incrivel 🚀🚀🚀
@acmedis
@acmedis Ай бұрын
Parabens Rodrigo, como sempre um conteúdo de muita qualidade. Será que vc pode fazer um video mostrando como fazer um TextInput de valor monetário e usando o react hook form?
@ericmoraes6913
@ericmoraes6913 11 ай бұрын
Me ajudou muito! Valeu demais.
@evandrocursosti
@evandrocursosti Жыл бұрын
Muito bom! Parabéns.
@rodrigorockeseat
@rodrigorockeseat Жыл бұрын
Fico feliz que curtiu =)
Жыл бұрын
Vídeo top como sempre, só faltou tirar o cabeção da frente kkkkkkkk
@rodrigorockeseat
@rodrigorockeseat Жыл бұрын
Opa, verdade. Ai, no meio do vídeo eu troco a câmera de lugar e passo pelo código todo. hehe, Foi mal! 😅
@jonathansantosfb
@jonathansantosfb Жыл бұрын
Boa!!! @@rodrigorockeseat Parabéns e obrigado pelo content amigo. Você é um amigo! 🤓
Жыл бұрын
@@rodrigorockeseat Só uma brincadeira, seus vídeos são top!! e quando vamos ter o de Deep Link mesmo hen?
@marcelolupatini5553
@marcelolupatini5553 Жыл бұрын
Esse Native Base me lembra o Chakra UI da Web. Lembra até mais ele do que o Tailwind CSS por conta do tanto de componentes que ele traz e como estilizamos eles através de propriedades. O Flutter tem um tanto disso também. Se não estou enganado, essa estratégia comum a todas essas ferramentas se chama interface declarativa.
@danielfeitosa8821
@danielfeitosa8821 Жыл бұрын
Show
@rodrigorockeseat
@rodrigorockeseat Жыл бұрын
Opa, fico feliz que curtiu
@mailsonsanfoneiro4716
@mailsonsanfoneiro4716 Жыл бұрын
Muito top essa aula! Parabéns. Eu só preciso entender como funcionaria a questão da navegação para a próxima tela! Pois ao clicar ele já vai direto, mesmo sem os campos preenchidos! Alguém pode ajudar?
@matheusfernandes2744
@matheusfernandes2744 Жыл бұрын
Traz um conteúdo sobre drag and drop no react native por favor
@lorenzonetto9617
@lorenzonetto9617 Жыл бұрын
Diegão, estou usando o maskinput para os fields de CPF, CEP e etc mas estou com problema de integração com o controller do react hook form. Tem alguma documentação que resolve a minha vida?
@Gustavo-vu1py
@Gustavo-vu1py Жыл бұрын
Quando trabalhamos com TextInput ele só aceita string no value, como fazer quando precisamos que um tipo do zod seja numero? toda vez teremos que fazer casting no value para string?
@marcelinoborges5088
@marcelinoborges5088 Жыл бұрын
Mano, como tu coloca a imagem da tua câmera em cima do principal, que é o código? kkkkkkk Brincadeiras a parte, muito legal a aula! Valeu, mano!
@assisholanda2714
@assisholanda2714 6 ай бұрын
Um exemplo do jeito que tá e foi explicado no vídeo, quero agora implementar as states pra mandar pra minha api logar. Onde encaixo aí os sets das states e value? Não to conseguindo, se colocar os sets e value com as states nao funciona mais a validação do react-hook-form. Alguém poderia ajudar?
@Os3t4God
@Os3t4God 10 ай бұрын
Ele parece o chakra ui do react js.
@cjambrosi
@cjambrosi Жыл бұрын
Vi que usando o input com o Controller, não é possível usar o setValue, que por algum motivo eu queria setar um valor ao input "automaticamente". Mas não encontrei uma outra forma de fazer isso, alguém tem uma idéia?
@matheusmendes9016
@matheusmendes9016 3 ай бұрын
Mestres do RN, num aplicativo real, é comum usar mais de uma biblioteca de componentes? Ou devo escolher uma e só usar ela?
Жыл бұрын
O Unform foi descontinuado? Não vejo mais a rocketseat falando sobre ele e o ultimo commit foi há 2 anos
@IamMatheus.
@IamMatheus. Жыл бұрын
Como fazer para usar o DateTimePicker dentro desse Controller? Alguém sabe???
@GaabrielRoodriz
@GaabrielRoodriz Жыл бұрын
E como seria para um select?
@alxcancado
@alxcancado Жыл бұрын
Só funciona pra TSX?
@devgui_
@devgui_ Жыл бұрын
Alguém tá conseguindo instalar o native base com o Nodejs 18 usando a documentação? Está dando vários erros.
@jd-code
@jd-code 9 ай бұрын
Como faço uma mask de CPF com NativeBase e React Hook Forms?
@willianvicentini1135
@willianvicentini1135 Жыл бұрын
consigo fazer animacoes usando o nativebase ?
@alxcancado
@alxcancado Жыл бұрын
ta. qual o comando pra iniciar o projeto? "É só iniciar o projeto como sempre e blah blah". Alguem?
@alxcancado
@alxcancado Жыл бұрын
4:15 achei.
@eduardofarah2734
@eduardofarah2734 Жыл бұрын
O problema do input do native base é que n tem como passar uma máscara
@Gabriel-kl6bt
@Gabriel-kl6bt Жыл бұрын
Não uso mais nada exceto Native Base e ChakraUI. Muito melhores e mais produtivos.
Bibliotecas nativas no Expo com Expo Dev Client
40:16
Rocketseat
Рет қаралды 13 М.
BEYOND TOUCHABLEOPACITY (Touch components in React Native)
20:45
WHO LAUGHS LAST LAUGHS BEST 😎 #comedy
00:18
HaHaWhat
Рет қаралды 19 МЛН
ТАМАЕВ УНИЧТОЖИЛ CLS ВЕНГАЛБИ! Конфликт с Ахмедом?!
25:37
Formulários no React Native com React Hook Form
19:12
dogcode
Рет қаралды 5 М.
MELHORE SEUS FORMULÁRIOS COM ESSAS DICAS AVANÇADAS - React Hook Form
31:17
A melhor forma de criar formulários no React (hook form + zod)
8:05
Top 9 React Native UI Component Libraries in 2023
10:12
Simon Grimm
Рет қаралды 74 М.
Criando Formulários com o React Hook Form e validando com o Yup
43:25
Formulários Avançados no React | React Hook Form
20:40
Dev Junior Alves
Рет қаралды 3,3 М.
React Native, React Hook Form e TypeScript (Avançado)
23:05
Coffstack
Рет қаралды 4 М.
File-system Routing no React Native (c/ EXPO ROUTER)
27:27
Rocketseat
Рет қаралды 18 М.