Minha meta desse ano chegar nessa lógica com react, antes de vc mostrar como editar a tarefa digitada eu tentei fazer, mas nem passou na minha cabeça algumas coisas que é preciso fazer pra chegar no resultado, isso me frusta um pouco por não conseguir fazer sozinho aquilo que eu mesmo me propuz a tentar fazer mas sei que isso faz parte do aprendizado. Parabéns pelo vídeo , todo sucesso pra ti!
Acho que se sentir mal por não conseguir fazer algo, faz parte do seu crescimento! Tu só tem que continuar tentando que te garanto que já já vc consegue fazer qualquer coisa. Obrigado 👊🏻👊🏻.
Cara isso vi me salvar muito, estou iniciando em REACT agora, e to participando de um codechalenger, tenho de criar uma ToDo list com react, isso para uma vaga de estagio, falei que nunca tinha estudado esta tecnologia, ai me pedirar para tenar mesmo assim, eu nem sabia por onde começar, isso aqui vai me dar um super norte.
Estou começando em react, tenho uma page com uma tabela que apresenta informações vindas de uma api. Quero trocar essa tabela html por To do list, vc tem algum vídeo ensinando como carrego a list com informações da api?
PO irmão brigadão pelo video, comecei tem pouco tempo no react e peguei um crud pra fazer soq em um formato de comentarios de um blog e estava sendo infernal com o pouco que sabia sobre react vc abriu minha mente legal. Continue com o otimo trabalho.
Que coincidência kkkkkk ontem eu tinha procurado pra ver se ele tinha algum vídeo de todolist, mas não achei. Hj já ia procurar outra pessoa, aí aparece o vídeo dele kkkkkmk
Eae Leo, tudo beleza? Parabéns pelo projeto! Excelente didática. Alguns problemas que foram encontrados: Você pode adicionar um texto vazio; Outro ponto interessante é que se você digitar um texto qualquer (por exemplo um texto: "Esse é um teste") e adicionar um item com "Esse é um teste" é adicionado no formulário do todo-list. Entretanto, se você deixa o campo do formulário vazio e clica no botão adicionar, ele adicionará o mesmo item anterior; De tal forma que ficará adicionando o mesmo a quantidade de vezes em que você clicar adicionar. Não sei se ficou claro, mas foram esses pontos que consegui encontrar. Novamente, muitíssimo obrigado pela aula! Um abraço meu caro!
Boa! Eu fiz um vídeo corrigindo bugs e melhorando algumas coisas desse projeto, mas esse bug aí acho que não vi… vou deixar anotado pra corrigir no futuro, vlw!
Eae, belezinha? Acho que não muda nada não…vc apenas tá escrevendo o componente com arrow function ao invés de function tradicional…ou seja, é uma maneira mais moderna!
Leo, eu fiz o processo certinho, mas quando vou adicionar algo, não atualiza automaticamente, por exemplo, quando eu crio o Form.jsx, istalo o mui materials, eu insiro o layout do texto e vai, mas quando eu coloco o layout do botao e do paper, o import não atualiza automaticamente, ai tenho q atualizar manualmente, fica mt difcil de mexer, como resolve isso? nao consegui achar na internet, n sei nem como pesuisar
Não sei se é impressão minha mas esse trem é muito parecido com o Django que eu uso para juntar o front com o back e gerenciar tudo. Ainda não sei qual o diferencial e finalidade do react, mas tô querendo aprender só pra ver o que é e para o que serve.
Então, eu uso Django no trabalho tbm! A diferença do React pro Django é que o React é muito mais fácil de se criar interfaces reutilizáveis. Já o Django tem a vantagem de ser tanto pro Front quanto pro Back.
@Leo Ujo Ahhh!!! Agora entendi! Bem que eu tinha visto um artigo recentemente falando sobre as vantagens de unir Django e React em um projeto, dividindo assim as responsabilidades. O React pode ficar encarregado pela interface Front-end e heranças e o Django ao back-end desde que previamente declarando uma exceção contra o recurso nativo do Django de proteção contra Cross Site Request Forgery. Agora tudo faz sentido! Valeu amigo! Como eu sei Django e achei bem parecido acho que eu não terei muita dificuldade com React.. Bom... Vamos ver rsrs Abraços!
Eu não conheço o curso dele, mas todo o curso é bem vindo. Apenas toma cuidado pra não ficar viciado em cursos sabe? Tu só vai aprender mesmo fazendo projetos práticos!
tu pode clicar segurando alt ou crtl, n me lembro! daí ficam vários cursores e o que tu digitar sai em todos os cursores! E se tu segurar crtl + alt + setinha do teclado pra baixo ou pra cima também funciona!
CARA, eu tinha um roteiro pronto sobre api (pra dps fazer vídeo consumindo uma), mas eu não tava me sentindo mt seguro ainda kkkkk. Api é algo que é fácil de usar mas difícil de explicar. Enfim, pode deixar que esse vídeo sai em breve.
Ganhou meu like e inscrição só com o npx create-react-app .
kkkkkkk muito bom
Minha meta desse ano chegar nessa lógica com react, antes de vc mostrar como editar a tarefa digitada eu tentei fazer, mas nem passou na minha cabeça algumas coisas que é preciso fazer pra chegar no resultado, isso me frusta um pouco por não conseguir fazer sozinho aquilo que eu mesmo me propuz a tentar fazer mas sei que isso faz parte do aprendizado. Parabéns pelo vídeo , todo sucesso pra ti!
Acho que se sentir mal por não conseguir fazer algo, faz parte do seu crescimento! Tu só tem que continuar tentando que te garanto que já já vc consegue fazer qualquer coisa. Obrigado 👊🏻👊🏻.
36:58 nesse caso era só vc setar a variável do texto no form
const [text, setText] = useState("")
setText(e.target.value)}
setText("")
Muito bom, bem explicado e melhor que alguns cursos pagos por ai haha parabéns fera!!
Caraca Leo, esse demorou, mas finalizado com sucesso
Cara isso vi me salvar muito, estou iniciando em REACT agora, e to participando de um codechalenger, tenho de criar uma ToDo list com react, isso para uma vaga de estagio, falei que nunca tinha estudado esta tecnologia, ai me pedirar para tenar mesmo assim, eu nem sabia por onde começar, isso aqui vai me dar um super norte.
Muito obrigado pelas aulas Leo!
Estou começando em react, tenho uma page com uma tabela que apresenta informações vindas de uma api. Quero trocar essa tabela html por To do list, vc tem algum vídeo ensinando como carrego a list com informações da api?
Cara muito bom, tenta trazer mais projetinhos pequenos como esse que vai ser show de bola
Pode deixar, tenho uma lista aqui de ideias!
PO irmão brigadão pelo video, comecei tem pouco tempo no react e peguei um crud pra fazer soq em um formato de comentarios de um blog e estava sendo infernal com o pouco que sabia sobre react vc abriu minha mente legal. Continue com o otimo trabalho.
Fico feliz em ajudar! 👊🏻
Cara, passando aqui pra dar um feedback positivo, muito obrigado pelo vídeo, conteúdo top demais, gostaria de mais conteúdo como esses no seu canal.
Tmj! 👊🏻 Atualmente to fazendo um projeto bem mais completo! O do kanban app. Dá uma olhada lá que tu vai curtir.
Ótimo vídeo, continue postando mais conteudos assim, ajuda demais
Muito obrigado 😃
Olá Léo prazer em conhecer!!!
Que coincidência kkkkkk ontem eu tinha procurado pra ver se ele tinha algum vídeo de todolist, mas não achei. Hj já ia procurar outra pessoa, aí aparece o vídeo dele kkkkkmk
Sou um leitor de mentes??? Talvez…😂😂😂
23:54 ao montar a função do handleTodo, o push n funcionaria ?
Muito bom vídeo, tu tem mt carisma cr, me senti no seu lado fazendo o app kakakakakak
Haha a intenção é essa 👊🏻👊🏻👊🏻
Opa, gostei do conteudo, me ajudou bastante e ganhou mais 1 inscrito🙃
Mano vc é muito fera no react!
Vlw 👊🏻🔥
O suplice funcionou no meu ja o laço for deu esse msm bug 58:45
Eae Leo, tudo beleza? Parabéns pelo projeto! Excelente didática.
Alguns problemas que foram encontrados:
Você pode adicionar um texto vazio;
Outro ponto interessante é que se você digitar um texto qualquer (por exemplo um texto: "Esse é um teste") e adicionar
um item com "Esse é um teste" é adicionado no formulário do todo-list. Entretanto, se você deixa o campo do formulário vazio e clica no botão adicionar, ele adicionará o mesmo item anterior; De tal forma que ficará adicionando o mesmo a quantidade de vezes em que você clicar adicionar. Não sei se ficou claro, mas foram esses pontos que consegui encontrar.
Novamente, muitíssimo obrigado pela aula! Um abraço meu caro!
Boa! Eu fiz um vídeo corrigindo bugs e melhorando algumas coisas desse projeto, mas esse bug aí acho que não vi… vou deixar anotado pra corrigir no futuro, vlw!
@@devbyleo booooa Léo! Ainda não vi! Se você poder me passar link, agradeço demais.
Cara nnão entendi por que voce tem que colocar a função handleTodos dentro do componente no seu home
Opa Léo, beleza, usar esse função inicial no componente, usando o export default . É melhor do que fazê-lo com const? Que é usando o atalho “ rafce “
Eae, belezinha? Acho que não muda nada não…vc apenas tá escrevendo o componente com arrow function ao invés de function tradicional…ou seja, é uma maneira mais moderna!
Tudo bem? pode me tirar uma duvida, ta dizendo que meu todoHandler não é uma função
Fala ae! Provavelmente vc escreveu a função errado.
Leo, eu fiz o processo certinho, mas quando vou adicionar algo, não atualiza automaticamente, por exemplo, quando eu crio o Form.jsx, istalo o mui materials, eu insiro o layout do texto e vai, mas quando eu coloco o layout do botao e do paper, o import não atualiza automaticamente, ai tenho q atualizar manualmente, fica mt difcil de mexer, como resolve isso? nao consegui achar na internet, n sei nem como pesuisar
Quando for assim, me manda a sua dúvida com o link do seu projeto no github! Que aí eu consigo rodar na minha máquina e dizer o qq aconteceu
extensão auto import
Não sei se é impressão minha mas esse trem é muito parecido com o Django que eu uso para juntar o front com o back e gerenciar tudo. Ainda não sei qual o diferencial e finalidade do react, mas tô querendo aprender só pra ver o que é e para o que serve.
Então, eu uso Django no trabalho tbm! A diferença do React pro Django é que o React é muito mais fácil de se criar interfaces reutilizáveis. Já o Django tem a vantagem de ser tanto pro Front quanto pro Back.
@Leo Ujo Ahhh!!! Agora entendi! Bem que eu tinha visto um artigo recentemente falando sobre as vantagens de unir Django e React em um projeto, dividindo assim as responsabilidades. O React pode ficar encarregado pela interface Front-end e heranças e o Django ao back-end desde que previamente declarando uma exceção contra o recurso nativo do Django de proteção contra Cross Site Request Forgery. Agora tudo faz sentido! Valeu amigo! Como eu sei Django e achei bem parecido acho que eu não terei muita dificuldade com React.. Bom... Vamos ver rsrs Abraços!
já quero o curso!
Faço uma promoção pra tu: Amigo paga o dobro 😜
Bao demais. me ajudou muito
👊🏻👊🏻👊🏻
Oh cara voa no React... fera demais ...
Haha tmj 👊🏻
Devs que deixam o git pra gente clonar tem seu lugar reservado no céu
Haha facilita demais né?
Quais extensões que você usa no vscode Leo ?
Cara, no meu primeiro vídeo de React eu falo, mas que eu lembro de cabeça…Prettier, React code snippets e Dracula!
@@devbyleo vlw man!!!
Recomenda o curso programador Br?
Eu não conheço o curso dele, mas todo o curso é bem vindo. Apenas toma cuidado pra não ficar viciado em cursos sabe? Tu só vai aprender mesmo fazendo projetos práticos!
guardou em json ou usou banco de dados? gostei do UI ficou bom ....
Vlw! Cara, no momento eu recomendaria guardar no json mesmo. Deixa pra usar banco de dados em um projeto maior!
Leo qual live vc usa pra visualizar o react?
Opa, não entendi mt bem. Como assim live?
@@devbyleo já deu certo Léo eu vi aqui seu vídeo das extensões quer vc usa. Obrigado
7:46 Como vc fez pras duas linhas editarem ao mesmo tempo? Top demais sua didática. Parabéns mano!!!
tu pode clicar segurando alt ou crtl, n me lembro! daí ficam vários cursores e o que tu digitar sai em todos os cursores! E se tu segurar crtl + alt + setinha do teclado pra baixo ou pra cima também funciona!
@@alexandre_noguez ctrl+d
@@Cookieukw Opa, sim! Pra editar textos iguais sim, mas caso queira digitar em linhas distintas serve alt+click esquerdo!
Abraços!
Top, mas aqui continuo sem alterar rsrs
Faz um vídeo fazendo uma rede social igual o Facebook
Vo envia currículo pra meta
Tu acha que eu mando pro Google ou youtub?
Ensina a consumir uma api, tô procurando em todo lugar, mas não entra na cabeça kkk
CARA, eu tinha um roteiro pronto sobre api (pra dps fazer vídeo consumindo uma), mas eu não tava me sentindo mt seguro ainda kkkkk. Api é algo que é fácil de usar mas difícil de explicar. Enfim, pode deixar que esse vídeo sai em breve.
cara olha essa playlist, na minha opnião e a melhor sobre consumir API: th-cam.com/video/b6N29J_utw4/w-d-xo.html