3 Conceitos Avançados do ReactJS que Vale a Pena Você Conhecer

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

Dev Junior Alves

Dev Junior Alves

2 ай бұрын

👉 Ajude as pessoas do Rio Grande do Sul:
www.vakinha.com.br/vaquinha/a...
---
Faça parte dessa comunidade, seja MEMBRO DO CANAL! 👊🚀
Isso me ajuda demais a continuar trazendo conteúdo de qualidade! Muito obrigado de coração ♥️
---
No ReactJS, o Virtual DOM é uma representação virtual da estrutura do DOM (Document Object Model) da página.
Ele permite que o React atualize eficientemente a interface do usuário, minimizando as manipulações diretas no DOM real.
O React compara o Virtual DOM atual com uma versão anterior e determina as mudanças necessárias para atualizar o DOM apenas onde é necessário, resultando em um desempenho mais rápido e uma melhor experiência do usuário.
Como funciona essa comparação entre o Virtual DOM e o DOM?
Quais são as vantagens de utilizar o Virtual DOM em vez de manipular diretamente o DOM real?
Virtual DOM é exclusivo do ReactJS?
---
✅ Curso de Next.js 13:
hotm.art/lA0ujDcw
📷 Segue lá no Instagram:
/ devjunioralves
💭 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 APLICAÇÕ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 #interview #typescript

Пікірлер: 22
@devjunioralves
@devjunioralves 2 ай бұрын
👉 Ajude as pessoas do Rio Grande do Sul: www.vakinha.com.br/vaquinha/a-maior-campanha-solidaria-do-rs/
@toby0198
@toby0198 2 ай бұрын
Seu canal é mt top cara, ainda sou nível estagiário, mas seu conteúdo está me ajudando muito 🙌🙌
@deverik.
@deverik. 2 ай бұрын
ótimo vídeo. Estou usando o seu canal para me aprofundar mais no react. Assim, estou conheçendo mais possibilidades e tendo novos direcionamentos para pesquisar e aprender.
@devjunioralves
@devjunioralves 2 ай бұрын
Que show man! Fico feliz em saber que o canal esta te ajudando! 👊
@joezersmaniotto3103
@joezersmaniotto3103 11 күн бұрын
Poderia fazer um vídeo falando sobre o HOCs e Hooks para mesmos compoents ? Como ficaria com um HOC e com Hooks ?
@joezersmaniotto3103
@joezersmaniotto3103 11 күн бұрын
Se possível faça o vídeo sobre o virtual dom
@matheusbittencourt226
@matheusbittencourt226 2 ай бұрын
Fale mais sobre o fiber e se puder, caso não exista no canal, sobre debug para melhorar performance
@devjunioralves
@devjunioralves 2 ай бұрын
Excelente sugestão man!
@ryancosta989
@ryancosta989 2 ай бұрын
Faz um video falando sobre essa questão do virtual dom de uma maneira mais afundo por favor.
@devjunioralves
@devjunioralves 2 ай бұрын
Posso fazer sim, Ryan!
@jsdev5362
@jsdev5362 2 ай бұрын
Nem sei o que é mas já chego curtindo pq só tem abordagem top nesse canal hehe ^^
@mauriciom8539
@mauriciom8539 2 ай бұрын
Ótimo vídeo mesmo, fazia mto tempo que n me perguntava o que era a dom, até engasguei um pouco, até pra explicar o HOC, obg pelo puxão de orelha
@devjunioralves
@devjunioralves 2 ай бұрын
Exato mano, a gente sabe mas as vezes esquecemos a definição, aí complica nas entrevistas haha
@joaocuriosidades2331
@joaocuriosidades2331 2 ай бұрын
galera, este conteúdo é muito difícil de encontrar, aproveitem
@devjunioralves
@devjunioralves 2 ай бұрын
Valeuuu João! 👊
@CarlosSilva-hy8xt
@CarlosSilva-hy8xt 2 ай бұрын
SSR e CSR tambem tem a grande diferença de performance, por conta do denso codigo javascript no CSR acaba consumindo mais processamento e memoria, e no SSR esse codigo todo ficaria no server, e com o RSC tu tem o melhor dos dois mundos, o codigo bruto no lado do servidor e um codigo estrategicamente implementado no client.
@bernardomendesreis2979
@bernardomendesreis2979 2 ай бұрын
Muito obg era isso que eu tava precisando
@devjunioralves
@devjunioralves 2 ай бұрын
Que show Bernardo!
@higorclemseixas1804
@higorclemseixas1804 2 ай бұрын
Ótimo videa cara, mas para ajudar a fixar as informações vc deveria ter colocado em tela as respostas todas.
@jgalmeida93
@jgalmeida93 2 ай бұрын
Excelente vídeo Junior! Qual é esse app que você usa pra fazer as anotações?
@devjunioralves
@devjunioralves 2 ай бұрын
Valeu man! Chama TLDraw, tem extensão para VSCode.
@italobarros.me31
@italobarros.me31 2 ай бұрын
Tenho usado menos os hooks porque to usando bastante o RSC, se brincar to usando mais os hocs, o que tu acha sobre isso? RSC com Hooks?
React Compiler | A grande novidade do ReactJS 19
16:09
Dev Junior Alves
Рет қаралды 6 М.
MUI5 (Material UI) Crash Course
1:28:35
Laith Academy
Рет қаралды 219 М.
Я нашел кто меня пранкует!
00:51
Аришнев
Рет қаралды 4,5 МЛН
Scary Teacher 3D Nick Troll Squid Game in Brush Teeth White or Black Challenge #shorts
00:47
THEY made a RAINBOW M&M 🤩😳 LeoNata family #shorts
00:49
LeoNata Family
Рет қаралды 35 МЛН
КАРМАНЧИК 2 СЕЗОН 7 СЕРИЯ ФИНАЛ
21:37
Inter Production
Рет қаралды 541 М.
DESENVOLVENDO MEU PRIMEIRO SITE COM HTML | 4#
7:18
bremado
Рет қаралды 412 М.
Crie seus componentes CUSTOMIZADOS da forma CORRETA | ReactJS
18:00
Dev Junior Alves
Рет қаралды 4,9 М.
VOCÊ QUER DESISTIR DA PROGRAMAÇÃO? (eu também)
8:54
bremado
Рет қаралды 282 М.
O que é Next.js, na prática, em 15 minutos!
15:12
LuizTools
Рет қаралды 31 М.
NextJS -  Desvendando os Segredos dos Layouts
14:16
Mestres da Web
Рет қаралды 701
The React Interview Questions You need to Know
21:29
CoderOne
Рет қаралды 24 М.
Entrevista ReactJS | Uma das perguntas mais comuns
9:25
Dev Junior Alves
Рет қаралды 4,2 М.
Dicas para Dev Senior | O que você PRECISA saber?
14:31
Dev Junior Alves
Рет қаралды 873
React X NextJS | Qual usar em seus projetos? #reactjs #nextjs
13:41
Catapulta Club
Рет қаралды 10 М.
[ATUALIZADO] Análise e DESENVOLVIMENTO de SISTEMAS ainda vale a pena? 2024
12:10
Я нашел кто меня пранкует!
00:51
Аришнев
Рет қаралды 4,5 МЛН