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

Поділитися
Вставка
  • Опубліковано 19 жов 2024

КОМЕНТАРІ • 52

  • @devjunioralves
    @devjunioralves  6 місяців тому +3

    👉 Playlist sobre SOLID no ReactJS:
    ua-cam.com/video/V1M39hKE_D8/v-deo.htmlsi=leBpuugcT1pE2ruO
    👉 Playlist sobre testes no frontend com ReactJS (com hooks):
    ua-cam.com/video/A5MR50gqL5w/v-deo.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. 6 місяців тому +7

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

    • @devjunioralves
      @devjunioralves  6 місяців тому +1

      Que massa que curtiu man, vou trazer sim!

  • @douglasleandro7707
    @douglasleandro7707 4 місяці тому

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

  • @PNFGS
    @PNFGS 2 місяці тому

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

  • @Yuri-yu3pp
    @Yuri-yu3pp 6 місяців тому +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  6 місяців тому +1

      Que massa Yuri, fico feliz em estar ajudando! 👊

  • @rockNbrain
    @rockNbrain 6 місяців тому +1

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

  • @alamo_DevFlow
    @alamo_DevFlow 6 місяців тому

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

  • @devmais
    @devmais 3 місяці тому

    Fantástico!!!!

  • @eduardobertozi8506
    @eduardobertozi8506 5 місяців тому

    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

  • @marcusmliima
    @marcusmliima 6 місяців тому +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  6 місяців тому

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

  • @jsdev5362
    @jsdev5362 5 місяців тому

    Cara, parabéns!

  • @BrunoLopese1
    @BrunoLopese1 5 місяців тому

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

  • @dyhalmeida1
    @dyhalmeida1 6 місяців тому +2

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

  • @johan.vilela
    @johan.vilela 6 місяців тому +2

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

    • @devjunioralves
      @devjunioralves  6 місяців тому

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

  • @welingsonsantos9572
    @welingsonsantos9572 6 місяців тому +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  6 місяців тому +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.

  • @4Trevos
    @4Trevos 6 місяців тому +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  6 місяців тому

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

  • @danielmonaro4835
    @danielmonaro4835 2 місяці тому +1

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

    • @devjunioralves
      @devjunioralves  2 місяці тому

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

  • @TheVandoenterprise
    @TheVandoenterprise 6 місяців тому

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

  • @WallisonMouraDev
    @WallisonMouraDev 6 місяців тому

    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!

  • @cleversonffaria
    @cleversonffaria 6 місяців тому

    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!

  • @the-coding-hub-r2p
    @the-coding-hub-r2p 6 місяців тому +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

    •  6 місяців тому

      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!

  • @AdeilsonTube
    @AdeilsonTube 6 місяців тому

    Massa, manda mais

  • @MarcosPaulo-zj7mh
    @MarcosPaulo-zj7mh 6 місяців тому +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.

  • @mauriciom8539
    @mauriciom8539 6 місяців тому +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)

  • @erikbolinha5726
    @erikbolinha5726 6 місяців тому

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

  • @JhonatanGabriel-j9c
    @JhonatanGabriel-j9c 6 місяців тому

    Show

  • @atejap
    @atejap 6 місяців тому

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

  • @itamarmonteiro3066
    @itamarmonteiro3066 6 місяців тому

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

  • @isabellasantiago9862
    @isabellasantiago9862 5 місяців тому +1

    traz conteúdo de clean arch !!

    • @devjunioralves
      @devjunioralves  5 місяців тому

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

  • @benmacario.s
    @benmacario.s 6 місяців тому

    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.

  • @jheanbrizadao2429
    @jheanbrizadao2429 6 місяців тому +1

    Valeu 😊

  • @felixpcll
    @felixpcll 6 місяців тому +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  6 місяців тому +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.

  • @jheanbrizadao2429
    @jheanbrizadao2429 6 місяців тому +1

    🎉🎉🎉🎉🎉🎉

  • @danilochagasdev
    @danilochagasdev 6 місяців тому +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  6 місяців тому +2

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

    • @souzaneto25
      @souzaneto25 6 місяців тому

      Algum vídeo explicando isso?@@devjunioralves

  • @BearkFearGamer
    @BearkFearGamer 6 місяців тому +1

    parece mais complicado :S mas eu entendi

  • @the-coding-hub-r2p
    @the-coding-hub-r2p 6 місяців тому

    bora que eu to com fome

  • @Sr.zangao
    @Sr.zangao Місяць тому

    F