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

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

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/
@joezersmaniotto3103
@joezersmaniotto3103 3 күн бұрын
Poderia fazer um vídeo falando sobre o HOCs e Hooks para mesmos compoents ? Como ficaria com um HOC e com Hooks ?
@toby0198
@toby0198 Ай бұрын
Seu canal é mt top cara, ainda sou nível estagiário, mas seu conteúdo está me ajudando muito 🙌🙌
@joezersmaniotto3103
@joezersmaniotto3103 3 күн бұрын
Se possível faça o vídeo sobre o virtual dom
@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! 👊
@matheusbittencourt226
@matheusbittencourt226 2 ай бұрын
Fale mais sobre o fiber e se puder, caso não exista no canal, sobre debug para melhorar performance
@devjunioralves
@devjunioralves Ай бұрын
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 Ай бұрын
Posso fazer sim, Ryan!
@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
@jsdev5362
@jsdev5362 Ай бұрын
Nem sei o que é mas já chego curtindo pq só tem abordagem top nesse canal hehe ^^
@CarlosSilva-hy8xt
@CarlosSilva-hy8xt Ай бұрын
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 Ай бұрын
Ó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 Ай бұрын
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?
@joaocuriosidades2331
@joaocuriosidades2331 2 ай бұрын
galera, este conteúdo é muito difícil de encontrar, aproveitem
@devjunioralves
@devjunioralves Ай бұрын
Valeuuu João! 👊
React Compiler | A grande novidade do ReactJS 19
16:09
Dev Junior Alves
Рет қаралды 6 М.
Dicas para Dev Senior | O que você PRECISA saber?
14:31
Dev Junior Alves
Рет қаралды 863
The day of the sea 🌊 🤣❤️ #demariki
00:22
Demariki
Рет қаралды 103 МЛН
The child was abused by the clown#Short #Officer Rabbit #angel
00:55
兔子警官
Рет қаралды 24 МЛН
100+ Linux Things you Need to Know
12:23
Fireship
Рет қаралды 273 М.
Truques de JavaScript DOM que você precisa conhecer
30:31
Rocketseat
Рет қаралды 28 М.
Gerenciando Estado com Zustand
19:49
Kevin Uehara
Рет қаралды 986
Como aplicar Design Patterns no React com hooks?!
11:38
Dev Junior Alves
Рет қаралды 3,7 М.
What’s new in Angular v18
20:08
Angular
Рет қаралды 102 М.
How React ACTUALLY works (DEEP DIVE 2023)
12:59
FrontStart
Рет қаралды 52 М.
The Most Important Skill You Never Learned
34:56
Web Dev Simplified
Рет қаралды 169 М.
Eu RESUMI o Next.js 14 para você! (Server Components & Actions)
24:10
The day of the sea 🌊 🤣❤️ #demariki
00:22
Demariki
Рет қаралды 103 МЛН