Fiquei uns 6 meses sem praticar front, já estava esquecendo tudo. Graças as suas aulas e didática maravilhosa estou conseguindo retomar todos os conceitos com rapidez e facilidade. Obrigado, professor!
Que didática amigo, espero que lance um curso atualizado de react, vejo que até fez uma aula passando os novos conceitos do react-router-dom onde estão tratando as rotas como objeto, entendi graças a você. Quando fizer um curso sobre as novas tecnologias do react serei um dos primeiros a comprar.
Muito boa a aula Matheus. Estava mesmo me perguntando como fazer para criar uma comunicação em duas vias para um componente customizado (semelhante ao v-model do Vue).
para quem escreveu o mesmo codigo que ele : import {useState} from 'react' import './App.css'; import SeuNome from './components/SeuNome'; function App() { const [nome, setNome] = useState() return ( state lift {nome} ); } export default App; e o seu nome nao apareceu na tela, ou deu erro, ou so apareceu a primeira letra do seu nome mas nao o resto, basta usar uma renderizaçao condicional, se tem um nome ele renderiza, se nao deixa em branco. exemplo do meu codigo: import {useState} from 'react' import './App.css'; import SeuNome from './components/SeuNome'; function App() { const [nome, setNome] = useState() return ( state lift {nome && ({nome})} ); } export default App; espero ter ajudado
Na minha opinião acho muito massa a Didática desse professor, mais fica meio confuso ao passar do curso o que seria pra ser o Projeto.. pois altera demais os elementos da página e coloca muita função. Más tirando isso, pra um curso gratuito tá Nota 10!
Excelente conteúdo! Agradeço muito pelas aulas e assim que possível pretendo assinar seus cursos, compartilhei com meus colegas e cara, só tenho a a gradecer e sucesso!!! Rola cuponzin de desconto? kkkkkkkk Abraço!
Parabéns Matheus. Uma dúvida, eu posso iniciar o compenent SeuNome com export default function SeuNome() ao invés de colocar o export default SeuNome no final? Tem alguma diferença?
depende Erick, mas se vc está querendo deixar os componentes que editam e exibem independente do dado em si é interessante centralizar, pode dar um pouco mais de trabalho, mas faz sentido...
Para ter um nome fixo e mudar somente quando o botão for clicado usei o seguinte código: app.js -------------------------------------------------------------------------------------- import { useState } from 'react' function App() { function enviarNome() { name.trim() ? (getName(name.trim())) : (getName("")) } const [nome, getName] = useState('') const [name, setName] = useState('') return (
State Lift - #14 Digite seu nome: setName(e.target.value)}/> enviar {nome ?(Olá {nome}, muito obrigado!) :(Digite alguma coisa...) }
); } export default App; -------------------------------------------------------------------------------------- Agora vc pode usar sua variavel 'nome' em outros componentes e mudar somente quando houver ação do usuario.
Eu quero fazer isso, porém o componente que recebe o dado está em outra rota. Por exemplo, você preenche um form de login, e ao submeter é renderizada outra page(uma tela de logado) .Como pego o dado do form de login e passo para o componente na tela de logado??
Fiquei uns 6 meses sem praticar front, já estava esquecendo tudo. Graças as suas aulas e didática maravilhosa estou conseguindo retomar todos os conceitos com rapidez e facilidade. Obrigado, professor!
Esse cara tem uma didática monstro, terminando esse curso introdutório pretendo assinar seus cursos.
muito obrigado =)
Precisei assistir algumas vezes pra entender, muito obrigado Matheus pro compartilhar o conhecimento...
Visto
Que didática amigo, espero que lance um curso atualizado de react, vejo que até fez uma aula passando os novos conceitos do react-router-dom onde estão tratando as rotas como objeto, entendi graças a você.
Quando fizer um curso sobre as novas tecnologias do react serei um dos primeiros a comprar.
Sou de angola, muito obrigueido, espero que futuramente eu possa ser um progamador 🇦🇴🇦🇴
boa amigo, com certeza você será =)
brinca muito
@@lemonhaze5163 como assim?
@@luckingbr2047 "obrigueido"
@@ruansilva2795 Dinuaida
Tenho varios cursos pagos de React, mas to pegando uma base com o seu antes de ir pra eles mano, excelente didatica!
Ansioso pelo projeto final!
boa Renato, estou produzindo um para a Udemy tb...
Matheus, boa tarde! Esta aula clareou o raciocínio por trás do States. Obrigado.
de nada Alex!
Melhor curso de React gratuito. Você é foda irmão, muito obg por esse curso 😊👏❤
Primeiro, obrigado por compartilhar de forma tão clara e parabéns pela didática!
Show. Direto ao ponto
Show de bola. Parabéns!
valeuuu Eric!
Muito boa a aula Matheus. Estava mesmo me perguntando como fazer para criar uma comunicação em duas vias para um componente customizado (semelhante ao v-model do Vue).
para quem escreveu o mesmo codigo que ele :
import {useState} from 'react'
import './App.css';
import SeuNome from './components/SeuNome';
function App() {
const [nome, setNome] = useState()
return (
state lift
{nome}
);
}
export default App;
e o seu nome nao apareceu na tela, ou deu erro, ou so apareceu a primeira letra do seu nome mas nao o resto, basta usar uma renderizaçao condicional, se tem um nome ele renderiza, se nao deixa em branco. exemplo do meu codigo:
import {useState} from 'react'
import './App.css';
import SeuNome from './components/SeuNome';
function App() {
const [nome, setNome] = useState()
return (
state lift
{nome && ({nome})}
);
}
export default App;
espero ter ajudado
Excelente aula como sempre
tamo junto Zeriel!
Não sou teu inscrito mas acho seus videos maravilhosos.
então se inscreve, safado xD
@@MatheusBattisti kkkkkk boa man, gostei, como é que pode não se inscrever num canal incrível desses, sempre ajudando a gente...
Professor, porque cria-se um nome para essa prática? Isso não é basicamente passar uma função do hook por argumento?
Na minha opinião acho muito massa a Didática desse professor, mais fica meio confuso ao passar do curso o que seria pra ser o Projeto.. pois altera demais os elementos da página e coloca muita função. Más tirando isso, pra um curso gratuito tá
Nota 10!
Excelente conteúdo!
Agradeço muito pelas aulas e assim que possível pretendo assinar seus cursos, compartilhei com meus colegas e cara, só tenho a a gradecer e sucesso!!!
Rola cuponzin de desconto? kkkkkkkk
Abraço!
Parabéns Matheus.
Uma dúvida, eu posso iniciar o compenent SeuNome com export default function SeuNome() ao invés de colocar o export default SeuNome no final? Tem alguma diferença?
opa Antonio, importar antes não muda nada nao, eu acho mais organizado no final hehe
Como faz para identar o input igual no minuto 5:00 ?
Quais a teclas usadas pra colocar um elemento embaixo/aninhado com outro, como mostrado no vídeo?
geralmente isso é um atalho de indentação, que no meu caso é ctrl+shift+i, ou se for indentação manual é a tecla em cima do Fixa/CapsLock
qual o nome da extensão que vc usar para mostra o fim de abrir um parênteses ?
oi Elias, é algo parecido com: bracket pair colorizer xD
No dia a dia é mais recomendado usar assim, tenho um componente que edita e outro que exibe ?
depende Erick, mas se vc está querendo deixar os componentes que editam e exibem independente do dado em si é interessante centralizar, pode dar um pouco mais de trabalho, mas faz sentido...
Oi Matheus! Qual a diferença dos seus cursos aqui no TH-cam e na Udemy?
Eu TB gostaria de saber?
Alguém sabe qual o comando é utilizado em 6:16 para criar a indentação dos elementos do código?
alt + f4
Nice
valeuuu Enzo!
Graças a Deus tomei porrada com C++, pois a estrutura do React e do C++ se assemelham.
5:52
Para ter um nome fixo e mudar somente quando o botão for clicado usei o seguinte código:
app.js
--------------------------------------------------------------------------------------
import { useState } from 'react'
function App() {
function enviarNome() {
name.trim() ? (getName(name.trim())) : (getName(""))
}
const [nome, getName] = useState('')
const [name, setName] = useState('')
return (
State Lift - #14
Digite seu nome:
setName(e.target.value)}/>
enviar
{nome
?(Olá {nome}, muito obrigado!)
:(Digite alguma coisa...) }
);
}
export default App;
--------------------------------------------------------------------------------------
Agora vc pode usar sua variavel 'nome' em outros componentes e mudar somente quando houver ação do usuario.
Eu quero fazer isso, porém o componente que recebe o dado está em outra rota. Por exemplo, você preenche um form de login, e ao submeter é renderizada outra page(uma tela de logado) .Como pego o dado do form de login e passo para o componente na tela de logado??
Vc conseguiu, se não, postei um código aqui nos comentarios que vai ajudar.
O meu console está retornando que o setNome não é uma função
o meu também, conseguiu arrumar ?
@@victorhonda8827 consegui, foi uma burrice minha kkkk
@@JoaoPedro-gb2zf como vc fez?
O meu texto não está atualizado. O de mais alguém está assim?
O meu tb não funcionou, como resolveu?