Precisamos falar sobre boas práticas...

Рет қаралды 2,581

Күн бұрын

INFORMAÇÕES IMPORTANTES 👇
👉 Curso de Next.js 13:
hotm.art/lA0ujDcw
👉 Participe da nossa comunidade no Discord:
/ discord
👉 Repositório do canal:
github.com/jjunior96/dev-juni...
𝗢𝗦 𝗠𝗘𝗟𝗛𝗢𝗥𝗘𝗦 𝗩𝗜𝗗𝗘𝗢𝗦 𝗗𝗢 𝗖𝗔𝗡𝗔𝗟:
7 CONCEITOS DO TYPESCRIPT QUE VOCÊ DEVE SABE
• 7 CONCEITOS DO TYPESCR...
Signals no React.js?!
• Signals no React.js?!
QUAL A MELHOR ESTRUTURA DE PASTAS PARA PROJETOS REACT/NEXT.JS
• QUAL A MELHOR ESTRUTUR...
COMO APLICAR SOLID NO REACT - Inversão de dependência DIP
• COMO APLICAR SOLID NO ...
[ROADMAP] O QUE VOCÊ DEVERIA ESTUDAR EM 2O23? Fique de olho nessas tecnologias
• [ROADMAP] O QUE VOCÊ D...
TUTORIAL NEXT.JS 13: FETCHING DATA - PARTE 3/3
• TUTORIAL NEXT.JS 13: F...
A FORMA CORRETA DE CRIAR ROTAS PRIVADAS NO NEXT.JS 13 - Nova pasta pasta app!
• A FORMA CORRETA DE CRI...
QUANDO NÃO UTILIZAR ESTADOS NO REACT?
• QUANDO NÃO UTILIZAR ES...
MELHORE A USABILIDADE DE SUAS APLICAÇÕES COM ISSO
• MELHORE A USABILIDADE ...
TUTORIAL NEXT.JS 13: VALE A PENA MIGRAR? PARTE 1/3
• TUTORIAL NEXT.JS 13: V...
A FORMA CORRETA DE CRIAR ROTAS PRIVADAS NO NEXT.JS 13 - Nova pasta pasta app!
• A FORMA CORRETA DE CRI...
---
Livros que me ajudaram:
Código Limpo
amzn.to/3hHXVKY
Arquitetura Limpa
amzn.to/3Viqw7v
Como ser um programador melhor
amzn.to/3POQ5fq
Estruturas de dados e algoritmos com JavaScript
amzn.to/3hM0L1u
Entendendo Algoritmos: Um guia ilustrado para programadores e outros curiosos
amzn.to/3BWsaEO
14 hábitos de desenvolvedores altamente produtivos
amzn.to/3uZqsyy
Hábitos Atômicos
amzn.to/3FGllIM
Aprendendo a Aprender
amzn.to/3WxM0hG
Rápido e devagar
amzn.to/3PLrYhq
A vida dos Estoicos
amzn.to/3vaQIGl
Meditações de Marco Aurélio
amzn.to/3joFYS1
*Links afiliados.
---
👋 Você pode me encontrar aqui:
🧑‍💻 Blog: www.devjuniorplus.com.br
💼 LinkedIn: / junior-alves-b66a10127
💻 GitHub: github.com/jjunior96
📷 Instagram: / devjunioralves
👨‍💻 Sobre mim
Eu sou Junior, Senior Frontend Engineer! Tenho mais de 4 anos de experiência.
Aqui, compartilho conteúdo sobre React.js, Next.js, TypeScript, JavaScript, testes, livros, SOLID e tudo mais relacionado à desenvolvimento de software.
✉️ Email comercial
devjuniorplus@gmail.com
📌 Utilidades
Editor: VS Code
Tema: Illusion
Music provided by NoCopyrightSounds.
#reactjs #nextjs #solid

Пікірлер: 70

@devjunioralves 11 ай бұрын

Preciso muito do seu feedback aqui nos comentários 👇 Livros que eu recomendo: Rápido e devagar amzn.to/3PLrYhq Como ser um programador melhor amzn.to/3POQ5fq Código Limpo amzn.to/3hHXVKY Arquitetura Limpa amzn.to/3Viqw7v Estruturas de dados e algoritmos com JavaScript amzn.to/3hM0L1u Entendendo Algoritmos: Um guia ilustrado para programadores e outros curiosos amzn.to/3BWsaEO 14 hábitos de desenvolvedores altamente produtivos amzn.to/3uZqsyy Hábitos Atômicos amzn.to/3FGllIM Aprendendo a Aprender amzn.to/3WxM0hG A vida dos Estoicos amzn.to/3vaQIGl Meditações de Marco Aurélio amzn.to/3joFYS1

@adlerspencer 11 ай бұрын

🍰*Jambrolo -ReactCake- Recipe * Ingredientes: - 3 xícaras de JSX - 2 xícaras de CSS Framework (a gosto) - 1 xícara de TypeScript - 1/2 xícara de Jest - 1/4 xícara de Zustand - 1 colher de sopa de Zod - 1 pitada de Boas práticas Modo de preparo: - Em uma tigela, misture o JSX, o CSS e o JavaScript até formar uma massa homogênea. - Em outra tigela, misture o Ts, o Zustand e o Zod até formar um creme liso. - Despeje a massa em uma forma untada e enfarinhada. - Espalhe o creme por cima da massa. - Leve ao forno pré-aquecido a 180°C por 25 minutos ou até dourar. - Retire do forno e deixe esfriar. - Sirva com uma calda de Node.js polvilhado com tRPC.

@paulonovaes6063 11 ай бұрын

Um dos melhores canais de react e nextjs, parabens e sucesso para tu irmão!

@devjunioralves 11 ай бұрын

Muito obrigado Paulo, fico feliz em saber que o conteúdo está agregando conhecimento.

@denysantos9012 11 ай бұрын

Um dos? Esses cara é o milior haha, desconheço qq canal br que abranja literalmente tudo que precisamos saber De react, next, tipagem super corretas para cada coisa, testes, SOLID, ta loko Eu estudo php (laravel) Se alguem souber algum canal de php que seja tipo o do Junior me indique Porque vou aprender rápido de mais, kkkk

@devgabrielsouza 5 ай бұрын

Vídeo muito bom! Sugiro fazer a parte dois, e dar alguns exemplos sobre quando usar client ou server. Eu sempre fico perdido sem saber se eu devo tentar manter o máximo possível como server component para melhor performance, se crio um service ou um custom hook etc. Acredito que você irá ajudar muitos devs com um vídeo sobre isso!

@claytonjatoba 11 ай бұрын

Parabéns @devjunioralves mais um conteúdo fenomenal, deixo como sugestão conteúdo sobre organização e nomenclatura de pastas e arquivos

@devjunioralves 11 ай бұрын

Muito obrigado Clayton! Ja tem um vídeo aqui no canal exatamente sobre esse assunto, confere lá, tu vai curtir.

@felipepasqua5738 11 ай бұрын

Seu canal veio pra preencher uma lacuna no youtube, sempre tive que garimpar por vídeos de técnicas mais avançadas no React, e hoje em dia cada vídeo seu é um aprendizado novo, parabéns pelo trabalho. Provavelmente vou comprar seu curso hoje :)

@felipepasqua5738 11 ай бұрын

Poderia só me tirar uma dúvida, o seu curso pago cobre o assunto de testes de forma mais abrangente ?

@adlerspencer 11 ай бұрын

Issoaê, @felipepasqua5738. O Search do canal virou minha primeira via de consulta.

@devjunioralves 11 ай бұрын

Primeiro, muito obrigado Felipe, fico muito feliz cara, de verdade! Sobre o curso, testes não é o foco, mas temos testes sim. Configuramos o setup do zero inclusive.

@dolfera1962 11 ай бұрын

Mais um vídeo com conteúdo de alta qualidade.

@devjunioralves 11 ай бұрын

Valeu demais Adolph!

@jonatasmelosilva7899 11 ай бұрын

Obrigado pelas dicas, sempre acompanho seus videos!!!!

@devjunioralves 11 ай бұрын

Que massa, valeu Jonatas!

@tiagolopes-setentrionals7533 11 ай бұрын

Boa , gostei =)

@devjunioralves 11 ай бұрын

Que show Tiago! 👊

@ricardo4859 9 ай бұрын

Ótimo conteúdo! Parabéns!!

@user-ot2xi3zf4h 11 ай бұрын

Brabo demais 🤝

@iarlensantos3588 11 ай бұрын

Olá excelente conteúdo! Poderia fazer um vídeo de boas praticas focado em testes? por exemplo, boas praticas ao criar um mock, na organização do testes, o que realmente deve ser testado, etc... desde já, agradeço!

@devjunioralves 11 ай бұрын

Excelente sugestão, já tem uma playlist no canal só sobre testes, onde abordo praticamente tudo isso, acho que vai te ajudar, confere lá. Logo eu quero trazer mais conteúdo sobre testes.

@melkdesousa9302 11 ай бұрын

Depos que você falou pela primeira vez sobre separação de lógica e UI, ficou mais claro o conceito de MVVM no mobile com RN para mim. Value demais por essas dicas, Junior.

@devjunioralves 11 ай бұрын

Que massa! Fico feliz em saber disso, de verdade! 👊

@geraldocoelho2392 11 ай бұрын

Júnior, excelentes dicas de React pra variar...Ótimo conteúdo.

@devjunioralves 11 ай бұрын

Muito obrigado Geraldo!

@fabiomoraes5597 11 ай бұрын

Se estiver utilizando styled components também é interessante separar eles em arquivos de estilização.

@gatogordo4131 11 ай бұрын

Perfeito! Justo agora que vou entrar em um projeto grande em Next 13

@devjunioralves 11 ай бұрын

Opa, massa!!!

@joseaugustofbneto2194 11 ай бұрын

toma like, excelente video mano.

@devjunioralves 11 ай бұрын

Valeu demais mano!

@cristiankeibersbardelotto 11 ай бұрын

@devjunioralves 11 ай бұрын

🚀

@AlexandreGirassolMKT 8 ай бұрын

👍

@adlerspencer 11 ай бұрын

Gosto de tratar erros _client side_ com _toast contexts_

@devjunioralves 11 ай бұрын

Sim, ajudam demais.

@rodrigosousa4102 11 ай бұрын

Sigo esses exemplos, a dica que dou tb é usar injeção de dependência quando um hook depende de outro

@devjunioralves 11 ай бұрын

Excelente Rodrigo, isso ajuda demais ainda mais na parte dos testes.

@adlerspencer 11 ай бұрын

Preciso usar mais _Type Casting_ em meu repertório. "Lindimais, 'Junho'!"

@devjunioralves 11 ай бұрын

Haha valeu man!

@VagnerMaltauro 11 ай бұрын

Mano faz um vídeo sobre github actions? configurando no projeto rodando o lint e testes? seria um bom conteúdo pra galera!

@devjunioralves 11 ай бұрын

Opa, excelente sugestão, configurando o lint, testes e etc ja tem aqui no canal, falta só as actions.

@VagnerMaltauro 11 ай бұрын

@@devjunioralves boa! E parabéns pelo conteúdo é muito top, aprendo bastante.

@DanielPerez-cu2wo 10 ай бұрын

Mano...teus videos são fantásticos..muito obrigado! Me tira uma dúvida...vamos supor que eu tivesse em um projeto 5 páginas principais(cada pagina acessada em um menu)...em cada página eu tivesse um Datagrid, e cada datagrid tivesse um button para recarrgar a lista, algo do tipo, e então cada as rows desse datagrid fossem alimentados com uma tabela do banco de dados(ou seja, 5 tabelas diferentes no banco), e o usuário ao selecionar uma linha desse datagrid, ele fosse para outra pagina, onde tivesse exatamente isso que vc mostrou dos accordions...várias sessões de accordion e em cada uma tivessem textfields, com dados relativos a linha selecionada, porém, alguns textfields, fossem de outra tabela do banco de dados, mas que tivesse relacionado com aquele dado lá do Datagrid...qual seria sua abordagem ao pegar um projeto assim...e que além de o usuário ver os dados, ele poder criar esse formulário(que está nos accordions) e enviar os dados para o servidor e virar uma nova rows no datagrid, um crud mesmo.

@adlerspencer 11 ай бұрын

Nem sabia que os _'Early returns'_ tinha um termo específico. Muito menos que era um _pattern_ bem consolidado até. Sempre uso, mas era no _feeling_ mesmo.

@devjunioralves 11 ай бұрын

Sim, interessante né? O importante é que tu ja usava hehe

@HitiroTsugawa 8 ай бұрын

Eu trabalho em uma empresa, cheguei até o seu vódeo para ajudar a explicar sobre boas práticas, ajudou bastante... ++ queria bater um papo diretamente com vc para tirar algumas dúvidas, é possivel ?

@christoferluiz365 11 ай бұрын

Muito bom, maravilha! Cara, qual o tema de pastas/arquivos que vc usa no VSCode ali?

@devjunioralves 11 ай бұрын

Opa, valeu demais! Chama Symbols, tem um vídeo aqui no canal onde mostro meu vscode, confere lá, tu vai curtir.

@christoferluiz365 11 ай бұрын

@@devjunioralves Vou ver sim, muito obrigado! ótimo conteúdo

@adlerspencer 11 ай бұрын

Pira tá tão grande com organização do código que toda rota, como tem suas especificidades, já crio uma mini estrutura dentro com _components_ , _types_ , _schemas_, _hooks_ . Sem misturar com os globais e facilitar nos testes.

@devjunioralves 11 ай бұрын

Perfeito, os testes agradecem kkk

@isaacnewton2307 11 ай бұрын

qual sua opinião sobre o uso de libs de UI ? vejo que algumas pessoas tem preconceito com elas

@sidneiferreira5542 11 ай бұрын

Gostaria de sugestionar um vídeo que aborde o uso de design patterns, fico muito confuso ao tentar utilizar e acabo poluindo muito, como você utiliza ou toma a decisão de como utilizar?

@devjunioralves 11 ай бұрын

Fala Sidnei! Excelente sugestão, inclusive já tem vários vídeos aqui no canal sobre esse tema, creio que vão te ajudar bastante.

@hayttlesds 11 ай бұрын

Gostaria muito de ter uma solução simples de evitar flashing de página protegida quando o usuário não está autenticado aínda, SEM usar libs como NextAuth

@devjunioralves 11 ай бұрын

O ideal nesse caso seria utilizar server side.

@hayttlesds 11 ай бұрын

@@devjunioralves ideia boa de vídeo aí Júnior. Abraços

@hayttlesds 11 ай бұрын

@@devjunioralves tenho tentado e muito e não estou conseguindo.

@adlerspencer 11 ай бұрын

⚠Como os comentário nos vídeos do canal são muito bons e agregam demais. Mas pensando em dar uma Jambrolada _floodando_ nos comentário, a receita do ReactCake foi movida para dentro do comentário fixado.

@devjunioralves 11 ай бұрын

Haha valeu demais!

@Rafael-mm7dm 11 ай бұрын

Vc acha que vale a pena componentizar formulários? Questiono isso pq normalmente formulários não são reaproveitáveis e muitas vezes precisam de requisições para preenchimento automático dos campos, principalmente dropdowns, e essas requisições normalmente são feitas por views através dos hooks. No react sou leigo, estou mais acostumado com vue.js usando os composables que tem a mesma lógica dos hooks. Sempre fico com a dúvida de se vale a pena criar componentes acoplados no caso de formulários principalmente

@devjunioralves 11 ай бұрын

É difícil generalizar, pois depende muito do formulário. Por que dependendo do caso, o trabalho de componentizar não vai valer a pena pelo nível de complexidade.

@Rafael-mm7dm 11 ай бұрын

@@devjunioralves Entendi, Vlw brow