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

Поделиться
HTML-код
  • Опубликовано: 14 янв 2025

Комментарии • 54

  • @devjunioralves
    @devjunioralves  9 месяцев назад +3

    👉 Playlist sobre SOLID no ReactJS:
    ruclips.net/video/V1M39hKE_D8/видео.htmlsi=leBpuugcT1pE2ruO
    👉 Playlist sobre testes no frontend com ReactJS (com hooks):
    ruclips.net/video/A5MR50gqL5w/видео.htmlsi=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

  • @FrancaBr.
    @FrancaBr. 9 месяцев назад +7

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

    • @devjunioralves
      @devjunioralves  9 месяцев назад +1

      Que massa que curtiu man, vou trazer sim!

  • @ademirjunior3218
    @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

  • @Yuri-yu3pp
    @Yuri-yu3pp 9 месяцев назад +3

    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
      @devjunioralves  9 месяцев назад +1

      Que massa Yuri, fico feliz em estar ajudando! 👊

  • @marcusmliima
    @marcusmliima 9 месяцев назад +3

    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
      @devjunioralves  9 месяцев назад

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

  • @dyhalmeida1
    @dyhalmeida1 9 месяцев назад +2

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

  • @douglasleandro7707
    @douglasleandro7707 7 месяцев назад

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

  • @alamo_DevFlow
    @alamo_DevFlow 9 месяцев назад

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

  • @rockNbrain
    @rockNbrain 9 месяцев назад +1

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

  • @johan.vilela
    @johan.vilela 9 месяцев назад +2

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

    • @devjunioralves
      @devjunioralves  9 месяцев назад

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

  • @welingsonsantos9572
    @welingsonsantos9572 9 месяцев назад +2

    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
      @devjunioralves  9 месяцев назад +1

      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.

  • @eduardobertozi8506
    @eduardobertozi8506 7 месяцев назад

    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

  • @4Trevos
    @4Trevos 9 месяцев назад +4

    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
      @devjunioralves  9 месяцев назад

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

  • @BrunoLopese1
    @BrunoLopese1 8 месяцев назад

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

  • @WallisonMouraDev
    @WallisonMouraDev 9 месяцев назад

    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!

  • @PNFGS
    @PNFGS 5 месяцев назад

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

  • @jsdev5362
    @jsdev5362 8 месяцев назад

    Cara, parabéns!

  • @keke-i9w
    @keke-i9w 9 месяцев назад

    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!

  • @erikbolinha5726
    @erikbolinha5726 9 месяцев назад

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

  • @devmais
    @devmais 6 месяцев назад

    Fantástico!!!!

  • @TheVandoenterprise
    @TheVandoenterprise 9 месяцев назад

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

  • @danielmonaro4835
    @danielmonaro4835 5 месяцев назад +1

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

    • @devjunioralves
      @devjunioralves  5 месяцев назад

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

  • @fabio_caldas
    @fabio_caldas Месяц назад

    Muito bom

  • @Jhean_Perdido
    @Jhean_Perdido 9 месяцев назад +1

    Valeu 😊

  • @JhonatanGabriel-j9c
    @JhonatanGabriel-j9c 9 месяцев назад

    Show

  • @AdeilsonTube
    @AdeilsonTube 9 месяцев назад

    Massa, manda mais

  • @mauriciom8539
    @mauriciom8539 9 месяцев назад +1

    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)

  • @dev-isaac-gomes
    @dev-isaac-gomes 9 месяцев назад +1

    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

    •  9 месяцев назад

      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!

  • @itamarmonteiro3066
    @itamarmonteiro3066 9 месяцев назад

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

  • @Jhean_Perdido
    @Jhean_Perdido 9 месяцев назад +1

    🎉🎉🎉🎉🎉🎉

  • @isabellasantiago9862
    @isabellasantiago9862 7 месяцев назад +1

    traz conteúdo de clean arch !!

    • @devjunioralves
      @devjunioralves  7 месяцев назад

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

  • @atejap
    @atejap 9 месяцев назад

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

  • @MarcosPaulo-zj7mh
    @MarcosPaulo-zj7mh 9 месяцев назад +1

    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.

  • @benmacario.s
    @benmacario.s 9 месяцев назад

    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.

  • @felixpcll
    @felixpcll 9 месяцев назад +1

    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
      @devjunioralves  9 месяцев назад +1

      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
    @danilochagasdev 9 месяцев назад +1

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

    • @devjunioralves
      @devjunioralves  9 месяцев назад +2

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

    • @souzaneto25
      @souzaneto25 9 месяцев назад

      Algum vídeo explicando isso?@@devjunioralves

  • @BearkFearGamer
    @BearkFearGamer 9 месяцев назад +1

    parece mais complicado :S mas eu entendi

  • @dev-isaac-gomes
    @dev-isaac-gomes 9 месяцев назад

    bora que eu to com fome

  • @Sr.zangao
    @Sr.zangao 4 месяца назад

    F