ToolPopToolPop
JavaScript · Lesson 1 of 18

JavaScript in 2026, what changed since you last looked

9 min readUpdated 24 Jun 2026

If you stepped away from JavaScript in 2018 and just opened your laptop today, here is the good news. The chaos is mostly over.

The language settled. The tooling settled. You can pick three things and ship a real product. That is the whole story.

The language, in five bullets

  • ES2024 is the baseline. let, const, arrow functions, classes, promises, async/await, modules. All native. No transpiler needed for modern browsers.
  • TypeScript is basically standard for anything beyond a script. You don't have to learn it day one, but you will end up there.
  • ESM is the module system. import/export. CommonJS (require) still works but is legacy.
  • Top-level await is supported. You can use await outside an async function in modules.
  • Optional chaining ?. and nullish coalescing ?? are everywhere. Learn them once, use them daily.

The runtimes

You have three real choices. Pick one.

  • Node.js is the default. Everyone runs it. Boring in the good way.
  • Bun has faster startup, batteries included (test runner, bundler, package manager). Use it if you want speed and don't mind some library edge cases.
  • Deno is secure by default, web-standard APIs. Good for small servers and scripts.

For your first job in 2026, you will be writing Node. Learn that first.

The frameworks

  • React is still the default. Most jobs ask for it.
  • Next.js is the default React framework. Routing, server components, deployment, all bundled.
  • Vue and Svelte are alive and excellent if you prefer them.
  • Astro is the right answer for content sites (blogs, docs, marketing).
  • Solid and Qwik are interesting if you read Hacker News. Skip for now.

That is the entire framework conversation. The "framework every week" era is over.

The build tools

  • Vite is the default dev server for everything that is not Next.js.
  • esbuild (Go) and SWC (Rust) do the actual compiling. Both are fast enough that you will never wait for a build.
  • Webpack is still around for legacy. Nobody is choosing it for new projects.

What this track covers

Seven more short lessons. By the end you will be able to read modern JS without that drowning feeling.

  1. Variables and the == trap
  2. Functions and closures
  3. Arrays and objects
  4. Async / await
  5. fetch and APIs
  6. The DOM
  7. Modules and shipping

What it does NOT cover

  • Every ES2024 feature. We cover the 20% you use 80% of the time.
  • React, Vue, or any framework. That is the React track.
  • Node-specific APIs. That is a backend track for another day.

One thing before you start

Open the browser DevTools console (right-click anywhere on this page, Inspect, then Console). That is where you will run the snippets in the next few lessons. No setup required. Type something in, hit enter, see output.

That is it. Onwards.

Free tools you can use while you learn

Chai0/2 done

Watching quietly. Tap me if you want a tip.

JS Playground
console
// hit run to see output

Try this (0 of 2 done)

  1. 1

    Log your name to the console.

    hint

    console.log("Your Name");

    show answer
    console.log("Shailesh");
  2. 2

    Log the result of 12 multiplied by 8.

    show answer
    console.log(12 * 8);