JavaScript + Node.js + React
Coerção de tipos e comparação com == e ===
Coerção de tipos é o processo automático ou manual de converter um valor de um tipo para outro em JavaScript. Existem duas formas principais:
Categoria
JavaScript + Node.js + React
JavaScript + Node.js + React
Bundle analysis e code splitting estratégico
A análise de bundle é o primeiro passo para entender o que realmente está sendo enviado ao navegador. Sem essa visibilidade, otimizações são feitas no escuro, muitas vezes resultando em esforço desperdiçado. O objetivo principal é responder perguntas como: "Por que meu bundle tem 2MB?", "Essa biblioteca de 500KB está sendo usada de fato?" e "O tree-shaking está funcionando corretamente?".
JavaScript + Node.js + React
Call stack, task queue e microtask queue
O Call Stack (pilha de chamadas) é a estrutura fundamental que gerencia a execução do código JavaScript. Funciona como uma pilha LIFO (Last In, First Out), onde cada chamada de função adiciona um novo frame no topo e, quando a função retorna, o frame é removido.
JavaScript + Node.js + React
API Routes no Next.js
API Routes são endpoints de backend que vivem dentro do próprio projeto Next.js, permitindo criar uma API completa sem precisar de um servidor Node.js separado. Diferentemente das rotas de página que renderizam componentes React, as API Routes retornam dados JSON, processam formulários, gerenciam autenticação e integram-se com bancos de dados.
JavaScript + Node.js + React
Arrays: criando, acessando e iterando
A forma mais comum e recomendada de criar arrays em JavaScript é usando literais:
JavaScript + Node.js + React
Arrow functions: sintaxe e diferenças de contexto
As arrow functions, introduzidas no ES6 (ES2015), oferecem uma sintaxe mais concisa para escrever funções em JavaScript. Sua forma mais básica elimina a palavra-chave function e utiliza a seta => para definir a função.
JavaScript + Node.js + React
Async/await: escrita assíncrona síncrona
O JavaScript é single-threaded, mas gerencia operações assíncronas através do event loop. Antes do async/await, lidávamos com callbacks e Promises — ambos funcionais, mas propensos a aninhamentos complexos ou encadeamentos verbosos.
JavaScript + Node.js + React
Autenticação com JWT no Node.js
JWT (JSON Web Token) é um padrão aberto (RFC 7519) que define uma forma compacta e autossuficiente de transmitir informações entre partes como um objeto JSON. Um token JWT é composto por três partes separadas por pontos:
JavaScript + Node.js + React
Acessibilidade (a11y) no frontend moderno
Acessibilidade web, abreviada como a11y (a + 11 letras + y), é a prática de desenvolver sites e aplicações que possam ser utilizados por todas as pessoas, independentemente de suas capacidades físicas ou cognitivas. No desenvolvimento moderno com JavaScript, Node.js e React, a acessibilidade não é opcional — é um requisito fundamental que impacta diretamente a experiência do usuário, a conformidade legal e o SEO.
JavaScript + Node.js + React
Animações no React: Framer Motion e CSS transitions
Animações em React não são apenas um detalhe estético — elas impactam diretamente a percepção de performance e a experiência do usuário. Uma transição suave entre estados pode transformar uma interface confusa em uma experiência fluida e intuitiva.