🏗️

Hub · Construção

Do browser ao edge — frontend moderno, mobile, workers e libs publicadas.

Quatro trilhas para quem constrói o produto na ponta: Frontend Moderno (HTML/CSS/JS/React sem framework-fadiga), Mobile pra devs web (React Native + Expo), Edge Computing (Workers, Durable Objects) e Library Authoring (publicar no npm como adulto — tsup, changesets, ESM/CJS dual).

trilhas

artigos

4815

XP total

18h

leitura

TRILHAS DESTE HUB

10 caminhos curados — leia em ordem ou salte.

TRILHA 01

🎨

Frontend Moderno — HTML, CSS, JS e React

Frontend focado nos fundamentos essenciais 2026: HTML semântico moderno, CSS layout (Grid, Flexbox, container queries, subgrid), CSS moderno (cascade layers, :has, view transitions), JS moderno (ES2024+, modules, async), React reativo real (fiber, server components, actions, Suspense) e Next.js App Router. Anti-framework-du-jour, pró-fundamentos sólidos.

HTML semântico moderno (2026)
CSS layout: Grid, Flexbox, Subgrid, Container queries
CSS moderno: Cascade Layers, :has, View Transitions
JS moderno: ES2024+, modules, async sem pegadinha
+ 4 artigos

8 ARTIGOS · 485 XPAbrir→

TRILHA 02

📱

Mobile para Devs Web (React Native + Expo)

Mobile pragmático pra dev web: React Native mental model, Expo workflow (+ quando eject), navegação moderna, state/async em mobile, native modules básicos, build + deploy iOS/Android, performance, capstone app offline-first.

RN mental model: o que é diferente do browser
Expo workflow e quando eject (EAS)
Navegação moderna: Expo Router / React Navigation
Estado e async em RN: React Query + Zustand
+ 4 artigos

8 ARTIGOS · 460 XPAbrir→

TRILHA 03

🌐

Edge Computing & Workers

Arquitetura edge moderna: Cloudflare Workers profundo (Durable Objects, KV, D1, R2), Vercel Edge Functions, Deno Deploy, Bun runtime, Lambda@Edge, patterns edge-first, capstone API global < 50ms p99.

Edge vs cloud: mental model e trade-offs
Cloudflare Workers profundo: KV, D1, R2, Durable Objects
Vercel Edge Functions + ISR
Deno Deploy e Bun runtime
+ 3 artigos

7 ARTIGOS · 425 XPAbrir→

TRILHA 04

📦

Library & Package Authoring

Publicar libraries profissionais: mentalidade lib vs app, ESM/CJS dual package, tree-shaking, semver pragmático com changesets, typings como produto, capstone publicar lib popular.

Mentalidade lib vs app: o que diverge
ESM + CJS dual package: exports map + publint
Tree-shaking: sideEffects + pure annotations
Semver pragmático + changesets release
+ 2 artigos

6 ARTIGOS · 340 XPAbrir→

TRILHA 05

🍎

iOS Native: Swift + SwiftUI

iOS nativo em 2026: Swift moderno (macros, result builders), SwiftUI declarativo, concurrency (async/await + actors), SwiftData (persistência nativa), networking com URLSession, testing (XCTest + UI tests), build + publishing App Store.

Swift moderno: macros, result builders, strict concurrency
SwiftUI declarativo em produção
Concurrency em iOS: async/await + actors
SwiftData: persistência nativa 2026
+ 3 artigos

7 ARTIGOS · 395 XPAbrir→

TRILHA 06

🤖

Android Native: Kotlin + Compose

Android em 2026: Kotlin idiomático (2.0, K2 compiler), Jetpack Compose para UI declarativa, coroutines + Flow para async, arquitetura MVVM+UDF, Room para persistência, Retrofit para networking, testes unitários e instrumentados, publicação Play Store.

Kotlin idiomático 2026 (K2 compiler)
Jetpack Compose: UI declarativa Android
Coroutines + Flow para async
Android architecture: MVVM + UDF
+ 3 artigos

7 ARTIGOS · 385 XPAbrir→

TRILHA 07

🌐

Browser & Web Internals Profundo

O que separa front-end pleno de sênior: V8/JIT, garbage collection, event loop a fundo, rendering pipeline, Web Workers + SharedArrayBuffer, Service Workers offline-first, WebAssembly, WebGPU, WebRTC, View Transitions

V8 JIT: Ignition, TurboFan e como o JS vira asm
GC do V8: Orinoco, generational, concurrent, incremental
Event loop a fundo: micro vs macro, RIC, idle, frame
Rendering pipeline: parse → style → layout → paint → composite
+ 8 artigos

12 ARTIGOS · 810 XPAbrir→

TRILHA 08

🎨

Design Systems Engineering

Design Systems como engenharia: tokens, theming, dark mode automático, Radix/Ark primitives, Tailwind v4 plugins, Storybook 9, versionamento semântico, A11y, Figma → código

Design tokens: a fundação de qualquer DS sério
Theming + dark mode: prefers-color-scheme + system + manual
Radix UI vs Ark UI: headless primitives modernos
Tailwind v4: CSS-first, plugins e custom utilities
+ 4 artigos

8 ARTIGOS · 495 XPAbrir→

TRILHA 09

✨

Animation & Motion Engineering

Motion sério: Framer Motion v12, GSAP profissional, CSS animations avançadas, View Transitions, scroll-driven, FLIP, choreography, performance e A11y

Framer Motion v12: layout, gestures, scroll, layoutId
GSAP profissional: Timeline, ScrollTrigger, Flip
CSS animations avançado: @keyframes, @scroll-timeline
View Transitions API na prática: rotas e state
+ 4 artigos

8 ARTIGOS · 505 XPAbrir→

TRILHA 10

🗺️

Maps & Geospatial Engineering

Mapas e geo como engenharia: Mapbox/MapLibre, Leaflet, PostGIS profundo, vector tiles, geofencing, routing OSRM, queries espaciais Postgres, OpenStreetMap pipeline

Mapbox vs MapLibre: o fork e qual escolher
Leaflet profissional: plugins, performance, mobile
PostGIS profundo: GIST, ST_Intersects, KNN
Vector tiles: tippecanoe, MBTiles, Tegola, Martin
+ 4 artigos

8 ARTIGOS · 515 XPAbrir→

EXPLORAR OUTROS HUBS