Skip to main content

20 posts tagged with "web-development"

View All Tags

Beyond HTTP, Part 2: Two-Way Streets

· 9 min read
Pere Pages
Software Engineer
A browser window on the left and a server on the right joined by a broad channel carrying amber arrows flowing right and teal arrows flowing left at the same time, showing full-duplex two-way traffic

In Part 1 the server learned to talk without being asked — but the browser could still only listen. A chat, a multiplayer game, a collaborative editor: these need both sides speaking freely over one connection. This is Part 2 of the series, and it's about the browser's true two-way channels — WebSockets, the workhorse, and WebTransport, its modern successor.

Beyond HTTP, Part 1: When the Server Speaks First

· 11 min read
Pere Pages
Software Engineer
A server on the left streaming a one-way flow of glowing message arrows toward a browser window on the right, with a small notification bell above it

Plain HyperText Transfer Protocol (HTTP) has one stubborn rule: the browser asks, the server answers, and then the line goes dead. So how does a chat notification, a live score, or a stream of tokens from a language model reach a page that never asked again? This is Part 1 of a three-part tour of the browser's networking beyond request–response — and it starts with the three ways a server can reach you.

How the Browser Loads Scripts

· 25 min read
Pere Pages
Software Engineer
The browser building a module graph from script tags and imported files

You add a <script> tag, the page runs your code. Underneath that one line the browser does a surprising amount of work: it decides when to run the script, fetches every file it depends on, figures out what each file is asking for, keeps every loaded module in memory so it runs exactly once, and evaluates them all in the right order. This is a tour of that machinery.

The Signal, Not the Noise: Where to Actually Look to Stay Current as a Web Developer

· 14 min read
Pere Pages
Software Engineer
A single clear signal wave cutting through a field of visual noise, illustrating how to find the sources that predict where the web platform is going

Every web developer knows the anxiety: a new framework trends on social media, a hot take declares your stack obsolete, and you wonder if you've fallen behind. The truth is that the web platform moves on a much slower, much more predictable clock than the discourse suggests — and the roadmap is public. You just have to know where it's published.

This post maps the sources that actually predict where the platform is going: standards bodies, browser vendor programs, runtime release schedules, ecosystem RFCs (request-for-comments proposals), surveys, and events. At the end there's a practical system for consuming all of it without burning out.

Every Way to Render a React Component, From 2013 to Now

· 37 min read
Pere Pages
Software Engineer
A timeline of React rendering approaches from 2013 to the present

"Rendering" is one of those words that means three different things depending on who you ask. Before we walk the timeline, it helps to separate the layers:

  1. The rendering API — the actual function you call (ReactDOM.render, createRoot, renderToString…) to turn a component tree into DOM or HTML.
  2. The rendering strategywhere and when the HTML is produced: in the browser, on a server per-request, at build time, etc.
  3. The hydration model — how a server-produced HTML page becomes interactive on the client. The post is organized around layer 2 (strategies), because that's where the chronological and simple-to-complex story is richest — but each strategy is tagged with all three: an At a glance box names its rendering API and hydration model too. There's also a short section near the end that lists the API methods on their own, since "render a component" can literally mean those. Each strategy also has a Metrics table in web-vitals shorthand (TTFB, FCP, LCP, TBT, INP, CLS) — every acronym in this post is spelled out in the Glossary at the end.

One honest caveat up front: chronology and complexity mostly line up, but not perfectly. Islands and streaming SSR landed around the same time, for example. I've ordered primarily by conceptual complexity and noted the rough dates as we go.