Programador JavaScript PRECISA DOMINAR essa TÉCNICA!

[@nogueira97]

Pow, incrível a aula. Um pensamento simples mas diferente. Parabéns

[@gabrielrufino9041]

Reduce em um array de funções pra gerar composição... sinto sabor de criatividade, mano! Amo ver uma maneira nova de resolver algo. Parabéns, cara. Amo seus vídeos e sou aluno de vários cursos. Sucesso!

[@EversonClei]

Fantástico a recursividade funcional aplicada no ultimo exemplo.. show

[@alissongomes2145]

A primeira vez que vi sobre função em JavaScript com o Léo, pensei que nunca fosse entender isso, depois de alguns meses estudando isso se tornou muito fácil e natural...o segredo pra aprender isso é praticar e estudar em conjunto com tecnologias que utilizam isso como o Angular, React, Node, junto com as Promises e os Observables.

[@mamaco3886]

Olá, esse professor é legal, faço curso de Java com ele

[@cristoff184]

Comprei o curso do Cod3r na udemy e estou curtindo demais! Esse cara tem muito conhecimento para passar adiante, principalmente dos fundamentos da linguagem. Muito bom

[@fabiovige]

Não conhecia...será de grande ajuda daqui pra frente...vlw

[@amarofilhosilva]

Muito maneiro! Não foi por acaso que decidi fazer os cursos Udemy pela Cod3r. O cara manja muuuito!!!

[@lgomesI]

Maravilhosa a introdução! Tem muito desenvolvedor experiente, que não conhece o poder deste padrão de projeto, composição! No mundo javascript dominar esse pattern é uma ferramenta poderosa na arquitetura da sua aplicação!

[@nettojms5083]

No caso conhecer até conheço, agora dominar só com muita prática.

[@thymarques]

Muito interessante, apesar de eu nunca ter visto... mas provavelmente vai ser bem util.

[@skallet]

Esse conhecimento é interessante pra quem quer fazer sua própria library. Obrigado por compartilhar.

[@wagnersillvaa]

Eu amo brincar com funções kkk. Eu fico viajando fazendo experimentos assim. Função chamando outra função, objeto com funções... JavaScript é fantástico.

[@darlanscript6458]

;-;

[@tomnudho4202]

Muitos conceitos explicados de forma muito rapida em muito pouco tempo. Por esse video não deu pra entender muita coisa, mas vou pesquisar o assunto e estudar com calma. Valeu!

[@andredearaujorodrigues7725]

Show! Eu nao conhecia essa técnica.

[@hervallemos]

Valeu demais! O JavaScript pra mim é paradoxal... Tem suas muitas armadilhas, mas permite fazer coisas bem interessantes.

[@lucianobraga250]

Muito legal essa dica. Top!!! Vou exercitar isso pra fixar o conhecimento. 👏👏👏🚀

[@GeorgeMatos]

Quem mais sabe que o vídeo ficou top mas não entendeu nada? o/

[@meugameplay9471]

0/

[@hervallemos]

A luz acendeu aqui quando entendi que funções no JS são nada mais que valores... Valores especiais, que representam ações, e não dados simples como strings e números.

[@lucasmonteiro8172]

C A R A C A!!!!! Que vídeo sensacional. Preciso revê-lo mais umas 10x para fixar e ter essa mentalidade, principalmente porque estou começando agora e não tenho nenhum vicio de linguagem. TOP! SENSACIONAL.

[@Barbara-st2fs]

Adoro a sua maneira de explicar, fica muito fácil de entender. Só tenho a agradecer por você compartilhar seu conhecimento conosco.

[@andreyagra]

Devia ter feito este vídeo 2 semanas atrás... kkkkkkkkkkkkkkkkkkk! Briguei justamente por conta de uma situação que precisava passar um terceiro parâmetro (no caso o "valor")... minha questão diferente é que eram promise results ... mas neste estrutura que vc apresentou funcionaria perfeitamente... shoooow!

[@Chiefsosa17]

Pra quem não entendeu, a ideia é a seguinte: sabe quando usamos métodos em "chaining" de objetos, como 'string'.toUpperCase().split().join()? A ideia é fazer basicamente isso, mas utilizando funções em vez de métodos. No exemplo acima, ficaria: composição(toUpperCase, split, join)('string').

[@DSanches]

Deu uma clareada na ideia cara, muito obrigado, agora consegui ver de uma perspectiva diferente e entender melhor a utilidade e a forma de aplicar, vlw mesmo

[@klingermatheus9098]

O conceito seria para facilitar a leitura e manutenção do código ou tem mais algum benefício? Nesse sentido eu gostei bastante disso

[@edvaldoarcanjo8110]

nooo mano, abriu minha mente vlw

[@ramonvinicius3498]

O retorno da função filha vai ser o valor que a função pai (que "abração" a função filha) vai processar, e assim por diante. Explicando melhor: fn1(fn2(fn3(valor))). A fn3 vai retornar um valor. Esse valor retornado vai para a fn2 (ela vai executar suas instruções com esse retorno da fn3), e assim por diante.

[@BrunoRodrigues1990]

Obrigado pela abstração

[@meugameplay9471]

Eu entendi, mas não compreendi kkkk. Sou novato no JS, e estou apanhando exatamente nas funções. Mas vou assistir com calma novamente. Ótimo vídeo!

[@raivitor]

Muito massa esse vídeo, faz mas vídeos com técnicas pra JS xD

[@RodrigoKulb]

Nossa excelente explicação! show de bola Leo!

[@elvispalace]

Mais vídeos do tipo pfv, quero me aprofundar na linguagem

[@cod3r]

Obrigada pela sugestão, Elvis! 👾

[@hitallo91]

Legal demais o video, eu uso isso bastante para criar funções de validação com informações genéricas, uso muito no angular e no vue haha .

[@marceloa.oliveira4333]

Confesso que terei que assistir umas 3 ou 4 vezes p fixar rsrsrs...

[@nelson.costa.dev2536]

Só 3 ou 4... eu vou rever o ano todo kkkk

[@marceloa.oliveira4333]

@@nelson.costa.dev2536 RSRSRS mas é isso mesmo a repetição do conteúdo faz as coisas ficarem mais faceis, mais natural, p/ mim complicou depois do currying :(

[@OHugoOliveira]

Que bom, não estou sozinho hsushauahaua

[@romarioluz]

TMJ

[@rafa_mad]

tmj galera aewhuehawuehuwa rever o ano todo também

[@freeuseguys1690]

Prof. Leonardo Obrigado mais uma vez! vale sim muito apena adquirir os curso da Cod3r, afirmo isto sem ganha um centavo. O curso de desenvolvimento web moderno foi o curso mais completo e custo-benefício que fiz até agora! Claro que exige atenção, revisão e prática como todo bom curso deveria exigir!

[@alexsandrosilva9233]

Forma prática e fácil de abordagem do assunto. Show!

[@marcosmachado8399]

Muito bom, da para fazer um código bem mais limpo Amando esses vídeos novos quase todos os dias kkk 😮😁 Acho que um bom tema para abordar tbm seria Hoisting no JS

[@geilsonribeiro6405]

Seria legal um vídeo seu explicando função recursiva com JavaScript.

[@betoh783]

Bem legal, conceitos muito usados no ReactJS, por exemplo. Parabéns pelo vídeo.

[@camilaribeiro3468]

Excelente aula, Leonardo!

[@joaopauloantoniazzidemorae5334]

Parabéns pela excelência da aula!!!

[@devricardonovais1294]

Grato pelo vídeo! Lazy evaluation tem a ver com assincronismo?

[@WilliamSilvaNet]

Ajudou... Irá me ajudar em um probleminha.

[@soudanielcosta]

Muito bom o vídeo!! Falei rapidamente sobre HOC no meu vídeo de Redux de ontem pra explicar o "connect", mas você matou a pau na didática, parabéns!

[@hugofernando846]

Excelente! Javascript é muito flexível.

[@zarate633]

muito bom cara, acompanho teus cursos na Udemy, mas só agora me inscrevi no canal, vou acompanhar os outros vídeos! Vlw por compartilhar!

[@victorwvieira]

Muito bom conteúdo do video. Gostaria de ver mais videos assim sobre JS. 👏

[@brunocastilho4273]

Top demais! Parabéns, valeu.

[@caiquesouza7797]

O cara eh mto crânio! Meu Deus

[@evertonf.costasouza3692]

Nossa foi top, isso é muito.util quando precisa de muito métodos , vou tentar fazer ele no react ,pois estou fazendo o react com script , puxando ele pro HTML , e colocando e colocando dentro das tags script , não tô usando o node ,tô fazendo nativo .

[@junioraos4074]

Esse conhecimento tá pairando ainda na minha cabeça... ainda não caiu a fixa, mas vou assistir mais umas quantas vezes hehehe.

[@jeeffengel]

Muito bom conteúdo, sou um fã de programação funcional e esse método é maravilhoso para reforçar o uso de função assíncrona por exemplo para chamada API. Parabéns pelo conteúdo que vem postando, estou acompanhando diariamente o canal, já curtia a didática e agora estou ainda mais, para iniciante é maravilhoso, para quem já tem mais experiência é muito bom para rever conteudo.

[@nelson.costa.dev2536]

Eu vejo muita gente usando atalhos do editor mas quanto a palavra chave console.log( eu raramente vejo ) e é bem simples: log+tab

[@guilhermeaguiar2743]

valeu pela dica eu nao sabia disso

[@emanoelinfinity]

Mais um atalho anotado! Vlw.

[@afonsosnow2192]

clg

[@FelipeAlves-sx5ld]

Existe algum site com todos esses atalhos?

[@potamo1288]

@@FelipeAlves-sx5ld depende, se vc usao vscode é so ctrl + K S, ou é ctrl + K M

[@SilasSWF]

Perfeito! Muito claro e útil. Parabéns!

[@adrianofaria2834]

Estou caminhando... uma hora eu entendo isso tudo rsrs... estou fazendo seu curso

[@EverSilverio]

Excelente!!!

[@Joao_D_Paulo]

Caramba! Muito massa! Vlw Léo!!!!

[@canalabade2262]

Caramba excelente video aula, obrigado!

[@jrvidotti]

Excelente conteúdo... Fantástico!

[@marciofelix]

Parabéns!!! Aula top

[@Everson2958]

Voces poderiam adicionar curso de vue3 com o vitejs agradeceria mt, so vou assinar o plano da cod3r se tiver esses 2

[@CaiqueMoraes93]

Excelente vídeo. Vou estudá-lo hoje

[@paulobrasil4339]

O grande problema q eu ainda não entendo o método reduce(), muito menos passagem de funções como argumento. Vou dar uma olhada nisso mais vezes...

[@valdemirsimon8825]

Muito legal.!!!parabéns.

[@maikelsperandio]

Eu assisti vários vídeos da Cod3r na Udemy, mas eu sempre assisti na velocidade 1.5, é estranho ouvir o Leonardo falando na velocidade normal. Hehehe

[@CaiqueUnico]

Ele fala bem lento mesmo. Mas tem um raciocínio bem claro e linear.

[@word503]

Parabéns professor !

[@anthalinho2097]

Meu Deus nunca tinha pensado nisso, se fosse eu, teria feito tudo numa função só kkkk

[@fagnersales532]

Interessante o conteúdo =)

[@DevJonasGuedes]

No começo não entendi nada, quando chegou no final parece que tava no começo kkkk vou salvar pra ver mais com calma depois

[@valdineidossantos]

cara tive a mesma impressão que a sua , mas eu no final fiquei um pouco mais frustrado porque parece ser bem simples e não entendi nada. Parabéns para nós

[@nettojms5083]

Seria dificuldades de entender funções de primeira ordem e/ou o método de Array "reduce"? Seria melhor vocês verem sobre eles separadamente e voltar aqui depois.

[@skenon1]

Excelente explicação e didática!!!!!!!!

[@sznilson]

Excelente vídeo, parabéns!!

[@emanueldsc]

Quando tenho de usar uma função muitas vezes para fazer a mesma tarefa em elementos similares eu retono uma referência pra ela mesma. Por exemplo quando quero por o atributo disabled em vários campos input eu faço assim. function disableInput(id){ $('#'+id).attr('disabled', 'disabled'); return disableInput; } disableInput('nome')('sobrenome')('telefone');

[@lucasayabe]

Eu passaria um array e rodaria um forEach, nunca tinha pensado em fazer assim kkk

[@hannahmarques3422]

Obg dicas too

[@byteclubetech]

Programação é simplesmente incrível.

[@darkcaveron]

Incrível, muito massa esse assunto.

[@rodrigokosta86]

Muito foda!!!!

[@drapala97]

top demais, qual o número máximo de parametros do tipo função que dá pra colocar numa composição?

[@cod3r]

Não há um limite. Pelo menos desconheço. 😁

[@mrzappabr]

Amigos da Cod3r, gostaria de sugerir um conteúdo. Um form master-detail em react ou Vue. Incrível que tenho uma tonelada de curso comprado e em nenhum é ensinado esta técnica/padrão. Observo que tenho vários cursos de vocẽs e se porventura algum tiver este conteúdo, agradeceria se me informasse, pois não achei. Abração !

[@QuimZangui]

Mano eu gostaria de entender um pouco mais como funciona o Lazy evaluation

[@carlosmatos1442]

Pra quem tem dificuldade de entender a logica é a seguinte: funcão executaFuncoes(funcao1,funcao2,funcao3){ return funcao1(funcao2,funcao3) } funcao1(){ return `O gato Mia` } funcao2(){ return 'o pinto pia' } funcao3(){ return 'o cachorro late' } executaFuncoes(funcao1,funcao2,funcao3){ aqui vai ser retornado é o que cada funcao faz, no caso o gato mia, o pinto pia, o cachorro late } a logica é simplesmente executar funcoes uma apos a outra algo como: funcao1() funcao2() funcao3() porem manipulando as posicoes e ordens ou ainda o conteudo de cada uma.

[@tiquimfit8352]

tem uma maneira simples de entender isso de forma bem rapida e direta

[@Saudavelpro]

top, como sempre!!!

[@salvimateus]

Obrigadooooo

[@allasmaycon4706]

Interessante!

[@bernardomarinho4104]

O que me ferra é esse parâmetro "funcoes" da função composição significar todas as outras funções... Isso me ferra muito e sempre! Eu tenho uma dificuldade de entender os parâmetros das funções em JavaScript que às vezes eu os escrevo sem entender e dá certo, de tão doida que essa parte é!

[@MarcosVinicius-us2dj]

em uma única linha de código: const composicao = (...fns) => (valor) => fns.reduce((acc, fn) => fn(acc), valor) . isso é muito louco hahah

[@darlanscript6458]

bagunça da merda

[@edersonfccorsatto6783]

Isso é muito bom quando vc quer dificultar as pessoas enteder o seu código, esse monte de funções sintetizado dentro de parâmetros foge do escopo "Single-responsibility principle" nunca faça isso dentro do trabalho em equipe, a não ser que te peçam.

[@wandosilva6342]

Olá, aulas excelentes! Sou aluno seu na plataforma udemy, queria saber quais livros pra iniciante em javascript eu deveria ler para complementar com seus cursos?

[@jairoiglesias1989]

Muito bom!

[@TheRobsantos777]

Esse negócio de funcional é novo pra mim, confesso que embaralhou tudo o meu cérebro

[@masolhebem]

Vários conteúdos showw2

[@diegoborgespereira1]

@Cod3r Cursos Excelente explicação, faço seu curso de desenvolvimento moderno. Só uma dúvida, meu VScode não está com o intellisense para javascript, há algum procedimento que eu possa fazer (desde já, pesquisei, porém sem sucesso) Obrigado

[@adrianofaria2834]

Instala a extensão ESLINT

[@diegoborgespereira1]

@@adrianofaria2834 ja fiz isso, acredito que tenha alguma configuração. Né?

[@cod3r]

Procura Visual Studio IntelliCode

[@diegoborgespereira1]

@@cod3r obrigado

[@wallefrodriques4015]

Mais isso serve pra que ,vai ser ultilizado como ? Alguém explica por favor

[@guilhermeborges7131]

Fazendo um paralelo com poo isso substituiria a herança uma vez que se use apenas funções e não classes?

[@emanoelinfinity]

Se achou isso experimente ver os módulos do angular e tudo fará mais sentido!

[@brunords2023]

Muito bom.

[@DanteMarinho]

Olá professor Leo (você tem o nome do meu filho), fiquei com vontade de saber de aplicabilidade no mundo real em relação a este conceito de composição de funções. Grande abraço! Ah, e você tem um nome muito bonito =)

[@darlanscript6458]

o framework flutter usa composição nos widgets,programando-se na linguagem Dart,esses frameworks usa muita composição

[@cacadoresdeinvestimentos1031]

quando ele fala precisa saber alguns coisas de javascript, falando assim parece uma parada básica, só que não é uma coisa básica, e algo já avançado do javascript

[@rafaelmonteiro4459]

Top top top!!!

[@didafe]

Show!!!!

[@marcoazevedo5878]

M u i t o B a c a n a, L E O !!!! Muito obrigado!

[@zeneto2157]

Neste caso, não. Mas isso torna o código difícil !!

[@Dohherin]

Eu só fiquei com duvida de quem são os acc e fn no return da função

[@tales4604]

O reduce funciona como um loop. E ele faz 2 coisas. A cada loop ele pega um item do array (o fn), e retorna um valor. Valor esse q se torna o acumulado (acc) e pode ser reutilizado no próximo loop. Ou seja, digamos q o valor inicial seja "abc" Loop 1 retorna ABC Loop 2 retorna ABC!!! Loop 3 retorna A B C !!! E o resultado do último loop é o valor final da operação. A função, de forma mais 'aportuguesada': [gritar, enfatizar, tornarLento].reduce( (textoRetornado, itemDaLista) => { return itemDaLista(textoRetornado) }, valorInicial)

[@alexandrerodriguesdasilva1420]

BRABO.

[@DiegoWenndson]

Bem tentei reproduzir o codigo aqui no meu pc, mas sempre que mando abrir o arquivo no terminal da erro na linha 1 caractere 21 :/ function composicao(...funcoes){ return function(valor){ return funcoes.reduce((acc, fn) => { return fn(acc) }, valor) } } function gritar(texto){ return texto.toUpperCase(); } function enfatizar(texto){ return `${texto}!!!!` } function tornarLento(texto){ return texto.split('').join(' '); } const exagerado = composicao( gritar, enfatizar, tornarLento ) console.log(exagerado('Teste de composicao de variaveis')) console.log(exagerado('debbug'))

[@leandrocarvalho1760]

Rest é com 3 (...func) pontos, vc usou 4

[@_Gohara]

Esses cursos da Udemy são atualizados ?

[@andredearaujorodrigues7725]

Será que dá para fazer isso também no typescript?

[@cod3r]

Sim! Sem dúvida

[@lucasayabe]

"todo JS válido é um TS válido"

[@JuanPablo-dl1rd]

Praticamente tudo q ele passou aí foi algoritmos e estrutura de dados, AED