Como Organizar Um Projeto ReactJS?!

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

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

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

    👉 Inscreva-se agora e fique por dentro de tudo!
    Link com 10% DESCONTO - Rocketseat:
    www.rocketseat.com.br/assinatura?coupon=devjunioralves&

  • @pedromarques8898
    @pedromarques8898 2 месяца назад +8

    Po cara, nao pare nunca de fazer o que tu faz, por favor. Voce literalmente leu minha mente kkkkkkkk eu queria muito esse conteudo trazendo uma arch pra frontend do 0

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

      Kkkkkkk Que show mano, valeu demais pelo feedback! 👊

  • @rafakelkal
    @rafakelkal 2 месяца назад +1

    Estou impressionado com a qualidade do conteúdo deste canal! 🤩 A profundidade com que os temas são abordados é incrível, especialmente quando se trata de desvendar os mecanismos internos do React. É ótimo encontrar material que vai além da superfície e explora conceitos mais complexos.

    • @israelmurilo5757
      @israelmurilo5757 2 месяца назад +2

      Realmente, geralmente esse tipo de material só tem em "meu curso na descrição" ou em canal de indiano... é incrível ver material em Pt-Br com tanta qualidade e dedicação

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

      Po man, muito obrigado pelo feedback, de verdade! Fico feliz demais em saber que curtiu o vídeo! 👊

  • @israelmurilo5757
    @israelmurilo5757 2 месяца назад

    Parabéns pela parceria!
    Eu sou 99% focado no backend e estou acompanhando seus vídeos e principalmente seu crescimento gigante!
    Gosto muito da maneira que você sempre aborda várias soluções diferentes para um mesmo problema

  • @danielmelomoura1595
    @danielmelomoura1595 2 месяца назад

    Acompanho os vídeos desde os primeiros, e o conteúdo sempre foi extraordinário.
    Muito legal te ver fechando parceria com a Rocketseat, inclusive acho tua didática incrível, daria um otimo professor 👀.

  • @__maiquinho
    @__maiquinho 2 месяца назад

    Parabéns pela parceria com a Rocketseat, cara!!

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

    Clean Code
    amzn.to/3hHXVKY
    Arquitetura Limpa (Clean Arch)
    amzn.to/3Viqw7v
    ---
    ✅ Segue lá no Instagram:
    instagram.com/devjunioralves/
    ✅ Nossa comunidade no Discord:
    discord.com/invite/bVxW4Dhgrf

  • @dev-isaac-gomes
    @dev-isaac-gomes 2 месяца назад +5

    hj defendo algo como modulos
    onde cada recurso matem suas dependências
    isoladas e perto de maneira fácil
    inclusive tenho um artigo sobre.

    • @martinskassilas6232
      @martinskassilas6232 2 месяца назад +3

      concordo, trabalhar por modulo e muito bom , deixo bem isolado

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

      Legal mano, depois manda o link do artigo por favor.

  • @Miguel-y4o
    @Miguel-y4o 2 месяца назад +2

    ahhh, agora queremos o exemplo do mvvn e da exagonal kkkkkkk, ótimo vídeo abraço

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

      Kkkkkkk eu posso trazer sim exemplos, pra ajudar esclarecer sobre o assunto!

  • @gabrielpaulino9437
    @gabrielpaulino9437 2 месяца назад

    Gosto bantante da organização em features, inclusive é o modelo que atuo hoje... É muito facil de se "localizar" , claro que com algumas mudanças... Ter um core e componentes ficarem por lá. Cada feature ter seu respectivo domínio, pages, services/uses...

  • @adelinomasioli
    @adelinomasioli 2 месяца назад +1

    Eu acabo utilizando o small para todos os tipos de projetos.

  • @ricardobastos242
    @ricardobastos242 2 месяца назад

    Eh preciso entender o projeto, pra construir algo q faça sentido. ISSO EH MT IMPORTANTE, acredite. O vertical slice que eh baseado em feature resolve alguns problemas enfrentados no clean arq. Porém a ideia das definições eh mt bem aceita na clean.

  • @victorlopes7441
    @victorlopes7441 2 месяца назад +1

    Brabo de mais

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

    No projeto que estou atualmente, usamos essa estrutura de features

  • @josebernardojohann7041
    @josebernardojohann7041 2 месяца назад +1

    Fala, Junior! Parabéns pelo conteúdo de qualidade de sempre!
    Qual seria a motivação para uma pasta específica para funções? Ao meu ver, o objetivo dessa pasta pode ser conflitante com a de utilitários.
    Se puder dar um exemplo, te agradeço muito!

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

      Ja me perguntei o mesmo quando vi isso pela primeira vez kkkk
      E concordo com você, ao ver, não faz sentido, na verdade, não gosto de ter uma "utils", pq na minha visão, muita coisa vai entrar ali, só por ser mais fácil e não demandar muito planejamento pra encontrar um local melhor.

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

      E valeu demais Jose! 👊

  • @guilhermedev955
    @guilhermedev955 2 месяца назад

    Qual o tema de ícone que está usando?

  • @enzocosta8665
    @enzocosta8665 2 месяца назад

    O que seria a pasta functions ? Funções generalizadas por exemplo converter moeda para brl

  • @victorbiasibetti
    @victorbiasibetti 2 месяца назад +2

    esse modelo do clean-arch se vc usa NextJS é uma dor de cabeça
    pq vc nao consegue passar objetos dos server-components para client-components
    isso quebra toda sua arquitetura, forçando ela a virar client-side-only (matando a principal feature do next)

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

      Não necessariamente Victor, você pode criar wrappers pra resolver isso de forma simples.

    • @victorbiasibetti
      @victorbiasibetti 2 месяца назад

      @@devjunioralves como vai passar uma instancia de objeto do server-side para o client-side?

  • @userhsdjhdajtyrnvaye
    @userhsdjhdajtyrnvaye 2 месяца назад

    Fala sobre microfront end em grande escala por favor

  • @cleiton22ify
    @cleiton22ify 2 месяца назад

    qual é esse video que ele fala de ter aplicado solid com axios ?

  • @israelmurilo5757
    @israelmurilo5757 2 месяца назад

    Sugestão para próximo conteudo: "BFF, Backend for Frontent".
    Tive que mexer em um projeto em NextJs recentemente e era uma bagunça o de comunicação de front => BFF => Backend

  • @AlefeFOliveira-fb6eg
    @AlefeFOliveira-fb6eg 2 месяца назад

    Traz exemplo usando mvvm com next 14

  • @userhsdjhdajtyrnvaye
    @userhsdjhdajtyrnvaye 2 месяца назад

    cara só uma dica, tenta mandar a respiração um pouco pra garganta por que ta muito na frente do nariz, acaba fazendo bastante barulho, é uma técnica que utilizam em gravações

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

    tudo que é funcional é codigo React e fica em presentation
    de resto faz mais sentido real manter POO

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

      Eu sigo essa linha de raciocínio também!

  • @historiasdomundao
    @historiasdomundao 2 месяца назад +1

    Sinceramente... me responda uma coisa... qual a diferença de vc fazer um Adapter onde tem um AXIOS e no futuro vc quer trocar pro FETCH... versus... eu fazer um Custom Hook que hoje usa o AXIOS e amanhã quero trocar pro FETCH? Exemplo: useHttp Hook. Ainda essa histórinha do Clean Arch não me pegou....

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

      Na minha visão, uma coisa não anula a outra, tu pode inverter a dependencia do axios no custom hook utilizando um adapter.
      O motivo vai ser sempre subjetivo, pois depende do contexto do projeto, do time e etc.
      Se você acha muita "burocracia" é pq realmente não fará diferença no seu contexto.

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

    bora que eu to com fome

  • @RicardoCosta-k2x
    @RicardoCosta-k2x 2 месяца назад +1

    Não concordo, usar a forma 'small' e 'medium', com algumas alterações e adições é bem melhor, na minha opnião isso é querer forçar conceitos de back-end no front-end. Porém, parabéns pelo vídeo.

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

      Sim, o correto é adequar às suas necessidades, pois não existe certo e errado, apenas pros e contras.
      Valeu pelo feedback Ricardo!