Como aplicar SOLID no ReactJS na prática (com testes)?

[@devjunioralves]

👉 Playlist sobre SOLID no ReactJS: kzbin.info/www/bejne/jGKwZGyegKqSeposi=leBpuugcT1pE2ruO 👉 Playlist sobre testes no frontend com ReactJS (com hooks): kzbin.info/www/bejne/d2awg2hmnNZ_a9ksi=v5BOxEE5W_t-KV22 -- 👉 Livros sensacionais pra você: Lógica de Programação e Algoritmos com JavaScript: amzn.to/48Cj65Z JavaScript: O Guia Definitivo: amzn.to/48jh9vp Como ser um programador melhor amzn.to/48WYGVj Arquitetura Limpa (Clean Arch) amzn.to/3Viqw7v Clean Code amzn.to/3hHXVKY Estruturas de dados e algoritmos com JavaScript amzn.to/49FOzFd --- ✅ Segue lá no Instagram: instagram.com/devjunioralves/ ✅ Nossa comunidade no Discord: discord.com/invite/bVxW4Dhgrf

[@ademirjunior3218]

Mano, que vídeo sensacional! Eu comecei a estudar react no início do ano, e na faculdade, ainda nesse ano, vi o básico de engenharia de software e de princípios solid consequentemente. Esse vídeo foi um colírio, namoral +1 inscrito Traz mais vídeos assim, por favor! Se possível, algum vídeo tbm sobre arquitetura em projetos react Abração

[@FrancaBr.]

Que vídeo incrível, traz mais conteúdos assim, de Clean arch, dip, DDD etc

[@devjunioralves]

Que massa que curtiu man, vou trazer sim!

[@douglasleandro7707]

O poder da abstração simples e bem utilizada, sendo mostrado na prática. Parabéns pelo vídeo! 👏👏👏👏👏

[@eduardobertozi8506]

Cara muito legal esse vídeo, estou vendo bem atrasado mas gostei bastante. Será muito bem vindo algum vídeo usando clean arch e solid no react :D

[@BrunoLopese1]

Eu já assisti umas 3 vezes pra entender o padrão pois é realmente muito interessante para ganhar tempo desacoplamdo o código

[@Yuri-yu3pp]

Vídeo perfeito! Traz mais, pfvvv. Trabalho em empresa pequena, então sou meio que o líder do front, sempre passo sues vídeos p os estagiários já irem pensando em tópicos mais avançados.

[@devjunioralves]

Que massa Yuri, fico feliz em estar ajudando! 👊

[@marcusmliima]

Já utilizo bastante dos conceitos que tu disse nessa aula, inclusive ano passado participei de uma reescrita de um sistema e fiz por separação de módulos e era nessa pegada desacoplando tudo, ficou bem bacana mesmo! Curti o conteúdo e continua postando mais, sempre bom pra galera discutir, aprender e compartilhar coisas novas.

[@devjunioralves]

Sensacional Marcus, se tu quiser, poderia compartilhar suas experencias com o pessoal no discord, seria incrível.

[@PNFGS]

achei o vídeo Excellent!!!! Me ajudou bastante!

[@alamo_DevFlow]

Muito bom, a comunidade react tá precisando de mais conteudo avançado assim

[@dyhalmeida1]

top demais, continue abordando vídeos assim, pra deixar nossos componentes o mais desacoplados possíveis 🥰

[@devjunioralves]

Massa que curtiu!!!

[@jsdev5362]

Cara, parabéns!

[@WallisonMouraDev]

Que vídeo sensacional. Parabéns por compartilhar de seus conhecimentos conosco. Espero que traga mais conteúdo assim de Clean Arch no Front. Novamente parabéns Junior, ajuda bastante sobre essas questões de desacoplamento!

[@fabio_caldas]

Muito bom

[@devmais]

Fantástico!!!!

[@4Trevos]

Fala mano! Cara excelente video, essa é uma das minhas maiores dificuldades hoje, constatemente eu ficava pensando em como realizar testes de customHooks e da UI de maneira desacoplada e independente. Valeu demais!

[@devjunioralves]

Que show mano! Massa que curtiu o vídeo. 👊

[@keke-i9w]

Boa noite, ótima explicação. Eu penso que pra nível componente, isso faz muito sentido e deixa a gente ter um controle absoluto de tudo que esta sendo transitado nele. Porém, a nível screen vamos precisar consumir o service, não consumindo diretamente o axios, mas sim uma classe que implementa o axios para fazer as requisições. Parabéns pelo conteúdo!

[@rockNbrain]

Belo vídeo Junior ... parabéns 🎉

[@devjunioralves]

Valeuuu!

[@danielmonaro4835]

você já fez algum video destes contratos com a api utilizando react-query? Muito bom seus videos

[@devjunioralves]

Sim, confere os últimos vídeos do canal, tem um que fiz a pouco tempo. Valeu demais!

[@welingsonsantos9572]

Seu canal é muito bom, ensina coisas bem legais cara, continua! Nesse caso ai o que eu já aplicava no meu código é criar uma função chamada de, por exemplo, CreateUser, GetUser etc em uma pasta chamada services e em um arquivo chamado User.ts. O restante do que mostrou por enquanto acho complexo de entender

[@devjunioralves]

Perfeito man, vai indo aos poucos pra entender o por que de utilizar assim, se ainda ta confuso/complexo, é porque provavelmente tu ainda não precisa. É super importantes irmos aprender sob demanda, pois o conteudo é muitoooo vasto.

[@johan.vilela]

🤯 Caraca! Muito bom. Quero chegar nesse nível de organização.

[@devjunioralves]

Que show que curtiu mano, fica muito bom de testar!

[@TheVandoenterprise]

Vídeo animal! Salvo! Agora é estudar pra fazer sozinho 😅

[@dev-isaac-gomes]

esse tipo de implementação me lembra muito o manguinho kkkk fiz o curso de clean arch e tem muito desse desacoplamento da camada de service e as pages bom demais

Eu também fiz o curso do Manguinho e tá bem parecido mesmo, juntando esse desacoplamento com clean architecture fica uma maravilha. Muito bom o vídeo!

[@JhonatanGabriel-j9c]

Show

[@itamarmonteiro3066]

Top! show!! 👏 Uma pergunta: Qual o nome da fonte true type e o tema que vc usa no vs code?

[@mauriciom8539]

Muito bom lelek. Pode me falar suas referências ? Por exemplo se você se baseia muito nos cursos do manguinho ou qual curso ? (não assisti nenhum de clean arch para react)

[@MarcosPaulo-zj7mh]

Mano me responde uma coisa, nesse caso como vc tirou o axios, onde vc iria fazer a requisição da api externa? Me perdi nessa parte.

[@erikbolinha5726]

ótimo conteúdo, fez todo sentido pra neste momento.

[@atejap]

Muito bom conteudo. Vai a alem de mostrar como funciona, mas como usar a ferramenta de forma escalável.

[@AdeilsonTube]

Massa, manda mais

[@Jhean_Perdido]

Valeu 😊

[@devjunioralves]

Valeu man 👊

[@benmacario.s]

Estava dando uma olhada no seu blog, qual CMS você usa para criar os artigos? e qual lib usa para renderizar o html vindo do cms? Sei que é fora do tema do vídeo, mas gostei bastante do seu, parece ser bem dinâmico.

[@isabellasantiago9862]

traz conteúdo de clean arch !!

[@devjunioralves]

Boa Isabella, tem uma playlist aqui no canal sobre arquitetura de software, recomendo muito dar uma olhada!

[@Jhean_Perdido]

🎉🎉🎉🎉🎉🎉

[@felixpcll]

Eu tenho um pouco de dificuldade de justificar toda essa volta nos cenários que trabalho hoje. Em um caso onde não existem testes na aplicação de frontend, vc acha ainda assim que faze sentido implementar a inversão de dependência?

[@devjunioralves]

Sim, faz sentido, porém é mais difícil pois tu não tem algo que garante que não vai gerar problemas. O que eu indicaria é, começar a criar testes, pelo menos das partes mais críticas e depois tu tem mais segurança pra refatorar.

[@danilochagasdev]

Qual a finalidade de colocar a chamada da API dentro de um useCallback sendo que o array de dependências está vazio?

[@devjunioralves]

Excelente pergunta, quando uma função é utilizada dentro do useEffect, você precisa envolver ela em um useCallback.

[@souzaneto25]

Algum vídeo explicando isso?@@devjunioralves

[@BearkFearGamer]

parece mais complicado :S mas eu entendi

[@dev-isaac-gomes]

bora que eu to com fome

[@Sr.zangao]

F