É incrível com uma videoaula de 16 minutos pode render duas horas de estudo ou até mais. Escreve, reescreve e confere o código pra entender e pegar a mecânica do processo. Muito obrigado pelas aulas, Matheus!
É assim que funciona meu amigo, a gente quer acelerar o processo mas nao adianta nao, programacao é pra quem tem persistencia e o mais importante, paciencia. Porque projetos demoram, até os mais simples, custam horas do seu dia, e se tiver um curto tempo pra estudar, pode custar uma semana ou mais pra finalizar.
adorei essa parte da componetização dos inputs. O Projeto está ficando muito bom e a didática é excelente. Com certeza farei outros cursos quando terminar esse.
Impossível não se apaixonar por React! Essa parte da modularização de componentes a pontos de criarmos botões demonstra o poder dele! Muito apaixonante! Eu não consigo parar de estudar! xD Claro que acompanhando o curso é fácil! Quero ver na hora que eu for criar algo meu, do zero! haha... mas com certeza estou pegando muita experiência aqui! Professor Matheus, o senhor é incrível! Pensei que eu fosse ter mais dificuldades mas estou entendendo pelo menos 95% do código! Estou absorvendo todo o conteúdo e está sendo muito top!!!
Uma dica para melhorar a responsividade dos formulários, mude a propriedade do .Container.module.css para: .container { width: 100%; max-width: 1200px; } dessa forma os formulários param de quebrar
Ótima didática, parabéns! Inclusive vou comprar o seu curso na Udemy. Único ponto que acabou complicando foi a questão do meu select ficar sem cor no background, apenas "Selecione uma opção"... Fora isso, show esse seu curso.
Consegui solucionar o problema de maneira simples adicionando background-color. Vá até -> Select.module.css -> .form_control select {background-color: #fff;}
Cara incrivel seu conteudo to seguindo direitinho o curso :D, só uma pergunta, baseado na reutilização de componentes no React esse botão que vc criou nesta aula, vc não poderia ter usado o mesmo componente de botão que vc criou para a Home o LinkButton? valeuuuu
Salve, devs. Nao consigo reutilizar o botao dentro do form Uncaught Error: Objects are not valid as a React child (found: object with keys {text}). If you meant to render a collection of children, use an array instead.
Oi gente, tive esse problema e o erro foi esquecer os {} no Componente ao colocar as props Exemplo( text, placeholder, ... ) { . . } O certo é Exemplo (props) ou Exemplo( {text, placeholder, ... } ) Pela data eu sei que minha resposta não deve servir mais pra ti, mas espero ajudar outros que passem pelo mesmo!
dica: se a pagina travar e não estiver recebendo nenhum aviso de erro no console ou no terminal, verifique se os modulos exportados "Inputs" estejam iniciando com a letra maiuscula. do contrário a pagina irá chamar os modulos de forma recursiva caindo em um loop infinito. ...não que tenha acontecido comigo...e_e
Da o ENTER depois de cada linha, se não ficar alinhado automatico, você tem 2 opções, alinhar manual a primeira linha (type="text") com o TAB e todas as outras também vão ficar, ou escrever tudo dando o ENTER em cada linha e depois você só precisar selecionar tudo que quer mover e o TAB vai mover tudo. É assim que eu faço
Depois que eu componentizei os inputs e voltei a pagina home o botão newproject trava a aplicação toda se eu clicar nele alem de não acessar o formulario toda a plaicação tava e não da um retorno de erro pra eu tentar concertar, algum de vocês passou por isso ?, já reinbstalei o node_modules algumas vezes, não consegui achar nenhum artigo que fale sobre isso ainda, alguem poderia me ajudar ?
Alguém sabe o nome da extensão que ele está usando para fazer a indentação das propriedades que ele passa no componente. Para fica mais claro: Quando você escreve o código ele tá assim Aí quando salva ele fica assim Alguém sabe o nome da extensão no vscode?
tbm fiquei na mesma, tive que iniciar a rota no App.js não esquece de importar, e lembra que o endereço do meu pode ser diferente do seu dependendo de onde vc salvou o arquivo. import NewProject from "./Components/Pages/NewProject";
Meu Select não funciona, apresenta o seguinte erro: Warning: React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: object. Check your code at ProjectForm.js:27.
É incrível com uma videoaula de 16 minutos pode render duas horas de estudo ou até mais. Escreve, reescreve e confere o código pra entender e pegar a mecânica do processo. Muito obrigado pelas aulas, Matheus!
É assim que funciona meu amigo, a gente quer acelerar o processo mas nao adianta nao, programacao é pra quem tem persistencia e o mais importante, paciencia. Porque projetos demoram, até os mais simples, custam horas do seu dia, e se tiver um curto tempo pra estudar, pode custar uma semana ou mais pra finalizar.
adorei essa parte da componetização dos inputs. O Projeto está ficando muito bom e a didática é excelente. Com certeza farei outros cursos quando terminar esse.
valeu André!
Queria mesmo agradecer ao Matheus por estar fazendo uma grande diferença na vida de tantas pessoas!! gratidão
Impossível não se apaixonar por React! Essa parte da modularização de componentes a pontos de criarmos botões demonstra o poder dele! Muito apaixonante! Eu não consigo parar de estudar! xD
Claro que acompanhando o curso é fácil! Quero ver na hora que eu for criar algo meu, do zero! haha... mas com certeza estou pegando muita experiência aqui!
Professor Matheus, o senhor é incrível! Pensei que eu fosse ter mais dificuldades mas estou entendendo pelo menos 95% do código! Estou absorvendo todo o conteúdo e está sendo muito top!!!
como estao os seus estudos dps de 6 meses q vc comentou isso?
Incrível!! É exatamente o que eu estava precisando para um projeto pessoal
Nem assisti ainda e já dei like. Certeza de vir coisa boa. Obrigado
Se só apareceu o Nome do projeto e não o input maior como mostra no video em 7:50, no arquivo Input.js coloque
return (
{text}
);
Show de bola, melhor curso de react no youtube.
Suas aulas são incríveis! te desejo tudo de melhor
Obrigado pela aula, está me ajudando muito!
de nada William, até a próxima!
Obrigado pelo conteúdo!
Obrigado por compartilhar seu conhecimento
de nada André, tamo junto =)
Excelente ! Muito Bem Explicado ! ! Parabéns pelos vídeos ! ! !
Fala mestre, qual extensão você usa pra indentar seu código?
Uma dica para melhorar a responsividade dos formulários, mude a propriedade do .Container.module.css para:
.container {
width: 100%;
max-width: 1200px;
}
dessa forma os formulários param de quebrar
Cara, vlw a dica! Ficou melhor mesmo o container usando o max-width
nossa mt obg
vlw, ficou showww
vlw resolveu o problema
Nice demais, deixou todo o projeto responsivo!
O eslint ajuda nesse inteligisense de digitar o JSX ou é outro plugin?
Aula top, valeu mesmo
valeuu Renan!
Parabéns Matheus, este curso é muito bom.
me salvou muito
Ótima aula
valeuu Zeriel! =D
Ótima didática, parabéns! Inclusive vou comprar o seu curso na Udemy. Único ponto que acabou complicando foi a questão do meu select ficar sem cor no background, apenas "Selecione uma opção"... Fora isso, show esse seu curso.
Consegui solucionar o problema de maneira simples adicionando background-color.
Vá até -> Select.module.css -> .form_control select {background-color: #fff;}
Como faz colocar as propriedades do elemento em cascata igual vc fez em 6:32?
se não me engano é uma extensão chamada prettier que faz isso ao salvar
Muito fácil aprender como você ensina, comprei o seu curso de react.
Parabens
valeu Michael!
Cara incrivel seu conteudo to seguindo direitinho o curso :D, só uma pergunta, baseado na reutilização de componentes no React esse botão que vc criou nesta aula, vc não poderia ter usado o mesmo componente de botão que vc criou para a Home o LinkButton? valeuuuu
Eu tive a mesma dúvida, mas acho que dá sim. Vou seguindo o curso e mais pra frente faço as adaptações
Salve, devs.
Nao consigo reutilizar o botao dentro do form
Uncaught Error: Objects are not valid as a React child (found: object with keys {text}). If you meant to render a collection of children, use an array instead.
Conseguiu resolver ?
Oi gente, tive esse problema e o erro foi esquecer os {} no Componente ao colocar as props
Exemplo( text, placeholder, ... ) {
.
.
}
O certo é Exemplo (props) ou Exemplo( {text, placeholder, ... } )
Pela data eu sei que minha resposta não deve servir mais pra ti, mas espero ajudar outros que passem pelo mesmo!
dica: se a pagina travar e não estiver recebendo nenhum aviso de erro no console ou no terminal, verifique se os modulos exportados "Inputs" estejam iniciando com a letra maiuscula. do contrário a pagina irá chamar os modulos de forma recursiva caindo em um loop infinito.
...não que tenha acontecido comigo...e_e
aconteceu aki brigadão mano
obrigado cara, ajudou demais!! Coloquei o select com S maiusculo e estava chamando o proprio componente.
Visto
Se o SubmitButton não estiver nada escrito quando ultilizar o e so trocar por
como ele fez em uma aula anterior
Alguém sabe quais comandos do teclado o professor utilizou pra fazer as propriedades do input ficar alinhado um embaixo do outro??
Da o ENTER depois de cada linha, se não ficar alinhado automatico, você tem 2 opções, alinhar manual a primeira linha (type="text") com o TAB e todas as outras também vão ficar, ou escrever tudo dando o ENTER em cada linha e depois você só precisar selecionar tudo que quer mover e o TAB vai mover tudo. É assim que eu faço
@@RomuloGomesMendes instala a extensão Prettier no vscode, ela faz a formatação quando vc salva.
Depois que eu componentizei os inputs e voltei a pagina home o botão newproject trava a aplicação toda se eu clicar nele alem de não acessar o formulario toda a plaicação tava e não da um retorno de erro pra eu tentar concertar, algum de vocês passou por isso ?, já reinbstalei o node_modules algumas vezes, não consegui achar nenhum artigo que fale sobre isso ainda, alguem poderia me ajudar ?
Não entendi a lógica final do botão, sei q eh para reutilizar mas deu uma bugada nas props
Sim. Sou iniciante e nao to conseguindo reutilizar o botao
Alguém sabe o nome da extensão que ele está usando para fazer a indentação das propriedades que ele passa no componente.
Para fica mais claro:
Quando você escreve o código ele tá assim
Aí quando salva ele fica assim
Alguém sabe o nome da extensão no vscode?
eu gosto de usar o prettier, não sei se é o mesmo , mas formata igual
@@alamo_DevFlow valeu
quero saber como ele abre o componente NewProject sem estar no navbar, alguem sabe dizer?
tbm fiquei na mesma, tive que iniciar a rota no App.js
não esquece de importar, e lembra que o endereço do meu pode ser diferente do seu dependendo de onde vc salvou o arquivo.
import NewProject from "./Components/Pages/NewProject";
Está na navBAr. É o projetos
Vc é filho do Júlio ?
opa Carlos, não não, devo ter quase a idade dele haha
Quem vai chegar no fim do curso? R: EU!!!!!
Meu Select não funciona, apresenta o seguinte erro:
Warning: React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: object.
Check your code at ProjectForm.js:27.
o meu tbm a hora que coloco o componente select a pagina trava
@@luarapavam4646 opa, conseguio resolver? estou com msm problema