Categoria

JavaScript + Node.js + React

Map e Set: coleções além de arrays e objetos
JavaScript + Node.js + React

Map e Set: coleções além de arrays e objetos

Objetos JavaScript tradicionais possuem limitações significativas quando usados como dicionários ou mapas. As chaves são automaticamente convertidas para strings (ou Symbols), o que pode causar comportamentos inesperados:

05/05/2026
Internacionalização (i18n) no React e Next.js
JavaScript + Node.js + React 05/05/2026

Internacionalização (i18n) no React e Next.js

Internacionalização (abreviada como i18n — "i" + 18 letras + "n") é o processo de projetar software para que ele possa ser adaptado a diferentes idiomas e regiões sem alterações no código-fonte. Enquanto a localização (l10n) adapta o conteúdo para um mercado específico, a globalização (g11n) combina ambos os processos para criar produtos verdadeiramente mundiais.

Introdução ao Next.js: SSR e SSG
JavaScript + Node.js + React 05/05/2026

Introdução ao Next.js: SSR e SSG

O ecossistema JavaScript evoluiu significativamente desde o surgimento do React em 2013. As Single Page Applications (SPAs) tradicionais, embora poderosas para interatividade no cliente, apresentavam limitações críticas: baixo desempenho em SEO (motores de busca não executavam JavaScript) e tempo de carregamento inicial lento (o navegador precisava baixar todo o bundle JavaScript antes de renderizar qualquer conteúdo).

Introdução ao Node.js: rodando JS no servidor
JavaScript + Node.js + React 05/05/2026

Introdução ao Node.js: rodando JS no servidor

Historicamente, o JavaScript estava confinado ao navegador. Era a linguagem que dava vida às páginas web, mas não tinha como interagir com o sistema de arquivos, criar servidores ou acessar bancos de dados. Tudo mudou em 2009, quando Ryan Dahl pegou o motor V8 do Google Chrome — o mesmo que interpreta JavaScript no navegador — e o executou fora dele. Nasceu o Node.js.

Introdução ao React: componentes e JSX
JavaScript + Node.js + React 05/05/2026

Introdução ao React: componentes e JSX

React é uma biblioteca JavaScript de código aberto mantida pelo Facebook (Meta) para construção de interfaces de usuário. Diferente de frameworks completos, React foca exclusivamente na camada de visualização, permitindo que você construa UIs complexas a partir de peças pequenas e isoladas chamadas componentes.

Iteradores e o protocolo Symbol.iterator
JavaScript + Node.js + React 05/05/2026

Iteradores e o protocolo Symbol.iterator

Iteradores são objetos que implementam o protocolo de iteração do JavaScript, fornecendo um mecanismo padronizado para percorrer sequências de dados. Um iterador é essencialmente um objeto com um método next() que retorna um objeto com duas propriedades: value (o próximo valor na sequência) e done (booleano indicando se a sequência terminou).

JSON: parse, stringify e boas práticas
JavaScript + Node.js + React 05/05/2026

JSON: parse, stringify e boas práticas

JSON (JavaScript Object Notation) é o formato de intercâmbio de dados mais utilizado no desenvolvimento web moderno. Sua simplicidade e compatibilidade com JavaScript o tornaram o padrão de fato para APIs REST, arquivos de configuração e armazenamento local.

Hooks customizados: extraindo lógica reutilizável
JavaScript + Node.js + React 05/05/2026

Hooks customizados: extraindo lógica reutilizável

Hooks customizados são funções JavaScript que utilizam hooks nativos do React (useState, useEffect, useContext, etc.) para encapsular lógica reutilizável entre componentes. Diferente de funções utilitárias tradicionais, hooks customizados podem manter estado interno e interagir com o ciclo de vida do React.

Hooks: useState e useEffect
JavaScript + Node.js + React 05/05/2026

Hooks: useState e useEffect

Os Hooks foram introduzidos no React 16.8 como uma forma de usar estado e outras funcionalidades do React sem escrever classes. Antes deles, componentes funcionais eram "burros" — apenas recebiam props e renderizavam JSX. Com os Hooks, tornaram-se completos, com capacidade de gerenciar estado, efeitos colaterais e contexto.

Gerenciamento de estado avançado: Jotai, Recoil, XState
JavaScript + Node.js + React 05/05/2026

Gerenciamento de estado avançado: Jotai, Recoil, XState

Aplicações React modernas frequentemente ultrapassam os limites do useState e useReducer. Quando múltiplos componentes precisam compartilhar estado, quando fluxos assíncronos se entrelaçam ou quando a lógica de negócio exige garantias formais, o gerenciamento de estado precisa evoluir.