If you're picking a frontend stack for 2026,
learn these 15 tools (and the 6 I dropped):
π
1οΈβ£ Next.js β content sites, blogs, anything SSR
π nextjs.org
β³ Image optimization, file-based routing, App Router. Deploy to Vercel, you're done.
2οΈβ£ Vite 8 β SPAs, internal tools, dashboards
π vite.dev
β³ Rolldown bundler ships builds in under 10 seconds. Used to take 30+.
3οΈβ£ TypeScript β strict mode, day one
π typescriptlang.org
β³ strict: true saves more time than it costs. Even on weekend projects.
4οΈβ£ pnpm β the package manager I trust
π pnpm.io
β³ Cut my node_modules from 40GB to 5GB. Installs 2-3x faster than npm.
5οΈβ£ Tailwind CSS β the one that ate CSS-in-JS
π tailwindcss.com
β³ Replaced styled-components and Emotion completely. No regrets.
6οΈβ£ shadcn/ui β components you actually own
π ui.shadcn.com
β³ Copy the files into your repo. No npm dep, no version pinning, no surprises.
7οΈβ£ Storybook β component dev and living docs
π storybook.js.org
β³ Every variant in front of you at once. Pairs perfectly with shadcn/ui.
8οΈβ£ TanStack Query β server state, done right
π tanstack.com/query
β³ Going back to manual fetch logic feels like writing assembly.
9οΈβ£ TanStack Router β fully typed routing
π tanstack.com/router
β³ Params, search params, loaders β all typed end-to-end. No more as string.
π Zustand β client state with zero boilerplate
π zustand.docs.pmnd.rs
β³ A store is a function. Reading it is a hook. That's the whole API.
1οΈβ£1οΈβ£ Zod β runtime validation at every trust boundary
π zod.dev
β³ Compile-time types + runtime checks from one schema. Closest thing to free reliability.
1οΈβ£2οΈβ£ Oxlint β Rust-based linter
π oxc.rs
β³ 50-100x faster than ESLint. Lint on every save with zero latency.
1οΈβ£3οΈβ£ Vitest β unit tests with instant feedback
π vitest.dev
β³ Jest-compatible. Watch mode finishes before your eyes refocus.
1οΈβ£4οΈβ£ Playwright β E2E without the flake
π playwright.dev
β³ Auto-wait killed the setTimeout hacks. The trace viewer shows every click.
1οΈβ£5οΈβ£ Sentry Seer β AI debugging agent, when something breaks in prod
π sentry.io/product/seer?β¦
β³ Other AI tools write code. Seer reads your traces, replays, and codebase to tell you why prod broke.
The pattern? Each tool does one thing well and composes cleanly with the rest. None of them tries to be a platform. None of them lock me in.
What's in your stack? Drop a tool I should try.