Sergio Xalambrí

Details that make interfaces feel better

Wed, 11 Mar 2026 04:48:41 GMT

Read it on the web

Expand your hit areas

Tue, 10 Mar 2026 23:40:22 GMT

Read it on the web

Nobody Gets Promoted for Simplicity

Sun, 08 Mar 2026 23:00:29 GMT

Read it on the web

Why I don't use down migrations

Sun, 08 Mar 2026 22:59:28 GMT

Read it on the web

How we enabled Content Security Policy for everyone

Sun, 08 Mar 2026 22:58:36 GMT

Read it on the web

RESTful

Sun, 08 Mar 2026 22:50:08 GMT

A term used to describe APIs that follow the principles of REST, using standard HTTP methods, stateless communication, and resource-based URLs to provide predictable and consistent API design.

MIME Type (aka Multipurpose Internet Mail Extensions Type)

Sun, 08 Mar 2026 22:48:38 GMT

A standardized identifier used by HTTP to describe the format of a file or response, such as text/html, application/json, or image/png.

Same-Origin Policy

Sun, 08 Mar 2026 22:47:23 GMT

A browser security rule that restricts scripts from interacting with resources from a different origin unless explicitly allowed through mechanisms such as CORS.

CORS (aka Cross-Origin Resource Sharing)

Sun, 08 Mar 2026 22:46:01 GMT

A browser security mechanism that controls whether a web page can request resources from a different origin than the one that served the page.

Bearer Token

Sun, 08 Mar 2026 22:45:23 GMT

A type of access token used in HTTP authentication where possession of the token grants access to protected resources, commonly sent in the Authorization header.

OIDC (aka OpenID Connect)

Sun, 08 Mar 2026 22:44:33 GMT

An identity layer built on top of OAuth2 that allows applications to authenticate users and obtain identity information through standardized tokens such as ID Tokens.

OAuth2 (aka OAuth 2.0)

Sun, 08 Mar 2026 22:43:34 GMT

An authorization framework that allows applications to obtain limited access to user resources on another service without requiring the user to share their credentials.

GraphQL

Sun, 08 Mar 2026 22:42:56 GMT

A query language and runtime for APIs that allows clients to request exactly the data they need from a server rather than receiving fixed responses from predefined endpoints.

REST (aka Representational State Transfer)

Sun, 08 Mar 2026 22:42:24 GMT

An architectural style for building Web APIs where resources are accessed through standard HTTP methods such as GET, POST, PUT, PATCH, and DELETE.

XML (aka Extensible Markup Language)

Sun, 08 Mar 2026 22:41:46 GMT

A markup language used to represent structured data in a hierarchical format, historically common in web services before JSON became dominant.

JSON (aka JavaScript Object Notation)

Sun, 08 Mar 2026 22:41:06 GMT

A lightweight data format commonly used in APIs to exchange structured data between clients and servers in a format that is easy for humans to read and machines to parse.

TLS (aka Transport Layer Security)

Sun, 08 Mar 2026 22:40:21 GMT

A cryptographic protocol used to secure communications over a network, commonly used by HTTPS and WSS to encrypt data between clients and servers.

TCP (aka Transmission Control Protocol)

Sun, 08 Mar 2026 22:39:35 GMT

A core internet protocol that ensures reliable, ordered delivery of data between devices communicating over a network.

IP (aka Internet Protocol)

Sun, 08 Mar 2026 22:39:01 GMT

The protocol responsible for addressing and routing packets across networks so data can travel from a source device to a destination device.

URI (aka Uniform Resource Identifier)

Sun, 08 Mar 2026 22:38:28 GMT

A broader identifier used to identify a resource, which may include URLs or other naming schemes that reference resources without specifying their location.

URL (aka Uniform Resource Locator)

Sun, 08 Mar 2026 22:37:47 GMT

A standardized address used to locate resources on the web, specifying the protocol, domain, path, and optionally query parameters or fragments.

DNS (aka Domain Name System)

Sun, 08 Mar 2026 22:37:01 GMT

A distributed system that translates human-readable domain names into IP addresses so browsers can locate servers on the internet.

FTP (aka File Transfer Protocol)

Sun, 08 Mar 2026 22:36:20 GMT

A network protocol used to transfer files between a client and a server, historically common for uploading website files to hosting servers.

CSS (aka Cascading Style Sheets)

Sun, 08 Mar 2026 22:35:43 GMT

A stylesheet language used to control the presentation of HTML documents, including layout, colors, typography, spacing, and responsive design.

HTML (aka Hypertext Markup Language)

Sun, 08 Mar 2026 22:35:07 GMT

The standard markup language used to structure content on the web, defining elements such as headings, paragraphs, links, images, and other page structure.

HTTPS (aka Hypertext Transfer Protocol Secure)

Sun, 08 Mar 2026 22:34:29 GMT

A secure version of HTTP that encrypts communication between a client and server using TLS, protecting data from interception or modification during transmission.

HTTP (aka Hypertext Transfer Protocol)

Sun, 08 Mar 2026 22:33:47 GMT

The application-layer protocol used for communication between web browsers and servers, defining how requests and responses are formatted and transmitted across the web.

WSS (aka WebSocket Secure)

Sun, 08 Mar 2026 22:31:33 GMT

The encrypted version of the WebSocket protocol, using TLS to provide secure real-time communication between a client and a server over the internet.

Web API

Sun, 08 Mar 2026 22:30:52 GMT

An API exposed over HTTP that allows clients such as browsers or mobile applications to interact with backend services.

Static Assets

Sun, 08 Mar 2026 22:30:11 GMT

Files such as images, fonts, stylesheets, and scripts that are served directly to the browser without server-side processing.

Routing

Sun, 08 Mar 2026 22:29:39 GMT

The mechanism that determines which content or component should be displayed based on the current URL, either handled by the server or by client-side routers in SPAs.

Rendering

Sun, 08 Mar 2026 22:29:05 GMT

The process of generating the UI of an application from data and components, either on the server (SSR) or in the browser (CSR).

SSE (aka Server-Sent Events)

Sun, 08 Mar 2026 22:27:20 GMT

A browser technology that allows a server to push real-time updates to the client over a single HTTP connection, commonly used for notifications and live feeds.

WebSockets

Sun, 08 Mar 2026 22:26:21 GMT

A protocol that provides persistent, bidirectional communication between a client and a server, allowing real-time features such as chat, live updates, and streaming data.

Idempotency

Sun, 08 Mar 2026 22:25:29 GMT

A property of an operation where performing the same request multiple times produces the same result, commonly used in APIs to make retries safe.

CDN (aka Content Delivery Network)

Sun, 08 Mar 2026 22:24:57 GMT

A distributed network of servers that cache and deliver static assets such as images, scripts, and stylesheets from locations geographically closer to users.

Caching

Sun, 08 Mar 2026 22:24:08 GMT

A performance technique where responses or computed data are stored temporarily so future requests can be served faster without repeating the same computation.

Rate Limiting

Sun, 08 Mar 2026 22:23:37 GMT

A technique used by APIs and servers to restrict how many requests a client can make within a given time period, protecting systems from abuse or overload.

Webhooks

Sun, 08 Mar 2026 22:22:54 GMT

A mechanism where one system sends HTTP requests to another when specific events occur, allowing applications to receive real-time updates without polling an API.

Edge Runtime

Sun, 08 Mar 2026 22:22:24 GMT

A lightweight JavaScript runtime designed to run code at the edge of a CDN network, commonly used for Edge Functions and SSR close to the user.

RSC (aka React Server Components)

Sun, 08 Mar 2026 22:21:43 GMT

A React rendering model where components run on the server and send serialized UI to the client, reducing the amount of JavaScript needed in the browser.

Optimistic UI

Sun, 08 Mar 2026 22:09:08 GMT

A UX pattern where the interface updates immediately after a user action assuming the server operation will succeed, later reconciling the UI state with the server response.

Progressive Enhancement

Sun, 08 Mar 2026 22:07:19 GMT

A web development strategy where a website works with basic functionality using HTML and server responses, and enhances the experience with JavaScript when available.

PKCE (aka Proof Key for Code Exchange)

Sun, 08 Mar 2026 22:06:35 GMT

An extension to the OAuth2 Authorization Code Flow that protects public clients from authorization code interception by requiring a one-time secret during token exchange.

Resource Server

Sun, 08 Mar 2026 22:05:53 GMT

A server that hosts protected resources and validates access tokens before granting access, commonly implemented as an API that trusts tokens issued by an Authorization Server.

Authorization Server

Sun, 08 Mar 2026 22:05:21 GMT

A server responsible for authenticating users and issuing tokens such as access tokens and refresh tokens, acting as the central authority in OAuth2 and OpenID Connect systems.

Refresh Token

Sun, 08 Mar 2026 22:04:53 GMT

A token used to obtain new access tokens from an Authorization Server without requiring the user to authenticate again, typically long-lived and stored securely by the client.

Access Token

Sun, 08 Mar 2026 22:04:08 GMT

A credential issued by an Authorization Server that allows a client to access protected resources on a Resource Server, typically short-lived and included in API requests.

JWKS (aka JSON Web Key Set)

Sun, 08 Mar 2026 22:03:29 GMT

A JSON document containing one or more JWKs, typically exposed through a public endpoint so Resource Servers can retrieve the keys required to validate JWT signatures.

JWK (aka JSON Web Key)

Sun, 08 Mar 2026 22:02:48 GMT

A JSON representation of a cryptographic key used in web security systems, commonly published by Authorization Servers so other services can verify signatures on JWTs.

JWT (aka JSON Web Token)

Sun, 08 Mar 2026 22:02:04 GMT

A compact and self-contained token format used to securely transmit claims between parties, commonly used in authentication systems where an Authorization Server issues tokens to clients.

API Gateway

Sun, 08 Mar 2026 22:01:02 GMT

A service that acts as a single entry point for multiple backend services, handling routing, authentication, rate limiting, and request transformation before forwarding requests to internal APIs.

Edge Functions

Sun, 08 Mar 2026 22:00:31 GMT

Small serverless functions that run at the edge of a CDN network close to users, often used for authentication, request rewriting, personalization, and lightweight SSR.

Serverless

Sun, 08 Mar 2026 22:00:09 GMT

A cloud computing model where applications run as short-lived functions managed by a platform, allowing developers to deploy code without managing servers or infrastructure.

Microservices

Sun, 08 Mar 2026 21:59:09 GMT

An architectural style where an application is composed of multiple independent services that communicate over a network, each responsible for a specific capability and deployable independently.

Monolith

Sun, 08 Mar 2026 21:58:37 GMT

An application architecture where the frontend, backend, and business logic are developed and deployed together as a single system rather than split across multiple independent services.

BFF (aka Backend for Frontend)

Sun, 08 Mar 2026 21:58:07 GMT

An architectural pattern where a backend service is built specifically for a particular frontend, aggregating data from multiple services and shaping responses for that client.

Edge Rendering

Sun, 08 Mar 2026 21:57:15 GMT

A rendering strategy where SSR runs on edge runtimes located close to users, reducing latency compared to rendering requests in a centralized server or traditional backend.

Streaming SSR

Sun, 08 Mar 2026 21:56:16 GMT

A variation of SSR where the server sends HTML to the browser in chunks as it is generated, allowing the browser to begin rendering the page before the full response is complete.

Islands Architecture

Sun, 08 Mar 2026 21:55:23 GMT

An architecture where most of a page is static HTML but small interactive sections, called islands, are hydrated as independent components instead of turning the entire page into a SPA.

Partial Hydration

Sun, 08 Mar 2026 21:53:04 GMT

A rendering strategy where only specific parts of a server-rendered page are hydrated with JavaScript instead of the entire document, reducing the amount of JavaScript executed in the browser.

Hydration

Sun, 08 Mar 2026 21:52:12 GMT

The process where client-side JavaScript takes control of HTML generated by SSR, attaching event listeners and restoring application state so the page becomes interactive.

Access React Router Context with AsyncLocalStorage

Fri, 06 Mar 2026 17:12:29 GMT

Access React Router's context from any function without passing it through every layer. Read it on the web

Hire managers of one

Thu, 05 Mar 2026 03:29:38 GMT

Read it on the web

Create a Per-Request Database Instance with Middleware

Tue, 03 Mar 2026 05:37:11 GMT

Manage database lifecycle with React Router middleware, ensuring connections close even when errors occur. Read it on the web

Create a Multi-Directory Route Organization in React Router

Mon, 23 Feb 2026 23:35:02 GMT

Scale your route organization as your app grows by splitting into multiple directories, each using flat routes internally. Read it on the web

Use Sec-Fetch Headers for CSRF Protection

Mon, 23 Feb 2026 04:49:51 GMT

Protect your React Router app from CSRF attacks using browser Sec-Fetch headers in middleware. Read it on the web

SQLite-on-the-Server Is Misunderstood: Better At Hyper-Scale Than Micro-Scale

Mon, 23 Feb 2026 04:45:13 GMT

Read it on the web

React Router Loaders and Actions as Integration Points

Fri, 20 Feb 2026 06:40:28 GMT

Test your business logic, not your loaders and actions. Treat them as integration points and avoid mocking nightmares. Read it on the web

The Too Early Breakpoint

Tue, 03 Feb 2026 19:32:28 GMT

Read it on the web

More invoker commands, and more reasons not to use JavaScript please

Tue, 03 Feb 2026 19:25:26 GMT

Read it on the web

sergiodxa/agent-skills

Wed, 28 Jan 2026 19:49:17 GMT

Read it on the web

The Incredible Overcomplexity of the Shadcn Radio Button

Tue, 20 Jan 2026 23:15:22 GMT

Read it on the web

Affordances: The Missing Layer in Frontend Architecture

Mon, 22 Dec 2025 19:02:12 GMT

Read it on the web

Confirmation dialogs with zero JavaScript

Mon, 22 Dec 2025 19:00:05 GMT

Read it on the web

Stylish dialogs

Mon, 22 Dec 2025 19:00:00 GMT

Read it on the web

Logging Sucks - Your Logs Are Lying To You

Mon, 22 Dec 2025 07:18:06 GMT

Read it on the web

Micro-libraries need to die already

Mon, 01 Dec 2025 18:44:47 GMT

Read it on the web

The stacking workflow

Mon, 10 Nov 2025 23:31:21 GMT

Read it on the web

Composition Is All You Need by Fernando Rojo at React Universe Conf 2025

Wed, 05 Nov 2025 06:35:12 GMT

Read it on the web

Tips for good UI implementation

Tue, 28 Oct 2025 05:37:37 GMT

Read it on the web

Dedupe Server Calls with Remix Utils Batcher

Sun, 19 Oct 2025 07:14:18 GMT

Prevent duplicate API calls in React Router loaders using Remix Utils Batcher middleware for better performance. Read it on the web

Transform FormData Between UI and Database in React Router

Wed, 15 Oct 2025 04:58:31 GMT

Transform form data to database objects and back using actions and loaders with proper separation of concerns. Read it on the web

The Perils of Reactivity

Sat, 11 Oct 2025 02:42:34 GMT

Read it on the web

How Architecture Patterns Shape Development

Sat, 04 Oct 2025 05:26:12 GMT

Understanding MVC, MVT, MVVM, and Component architectures through responsibility separation and data flow in modern web applications. Read it on the web

Build a Master-Detail UI with React Router

Fri, 03 Oct 2025 06:42:21 GMT

Create a master-detail interface that adapts based on how users access it, full context when browsing, focused when direct. Read it on the web

Leverage React Router's Built-in Data Deduplication

Thu, 25 Sep 2025 06:08:18 GMT

Learn how React Router's built-in deduplication system uses references to eliminate duplicate data transmission when combining promises in y Read it on the web

No, you don't want to hire "the best engineers'

Thu, 25 Sep 2025 05:29:42 GMT

Read it on the web

Redirect Based on Screen Size in React Router

Wed, 13 Aug 2025 08:18:55 GMT

Learn how to use a nested index route with a clientLoader in React Router to conditionally redirect based on screen size, ensuring a smooth Read it on the web

Avoid Waterfalls in React Suspense

Tue, 12 Aug 2025 14:33:41 GMT

Learn how React Suspense boundaries can cause or prevent data loading waterfalls, the difference between nested and sibling boundaries, and Read it on the web

Handle deferred data in React Router

Thu, 31 Jul 2025 20:00:25 GMT

Three approaches to handle deferred promises in React Router v7: Await component, React.use hook, and direct promise rendering. Read it on the web

Use Action Routes in React Router

Sun, 20 Jul 2025 07:04:15 GMT

Learn how to structure server and client actions in React Router using a clear and scalable pattern. Centralize logic, handle forms, manage Read it on the web

Prefer Gaps To Margins

Wed, 25 Jun 2025 21:07:19 GMT

Read it on the web

Syntax Highlighting code snippets with Prism and the Custom Highlight API

Fri, 20 Jun 2025 20:28:22 GMT

Read it on the web

Resilient Import Maps - Better Theme Development and Beyond

Tue, 03 Jun 2025 05:56:11 GMT

Read it on the web

Toasts are Bad UX

Thu, 22 May 2025 23:15:45 GMT

Read it on the web

The XY Problem

Sun, 18 May 2025 17:46:46 GMT

Read it on the web

Don't ask to ask, just ask

Sun, 18 May 2025 17:46:41 GMT

Read it on the web

no hello

Sun, 18 May 2025 17:46:36 GMT

Read it on the web

never just

Sun, 18 May 2025 17:46:26 GMT

Read it on the web

Add a Color Scheme Toggle in React Router

Wed, 07 May 2025 05:55:43 GMT

Add a color scheme toggle to your React Router app using cookies for persistent, flash-free light, dark, or system preference. Read it on the web

JSX Over The Wire

Sun, 20 Apr 2025 04:42:19 GMT

Read it on the web

The Back-end for Front-end Pattern (BFF)

Mon, 14 Apr 2025 16:42:12 GMT

Read it on the web

Debounce Loaders and Actions in React Router

Mon, 14 Apr 2025 04:58:58 GMT

Debounce loaders and actions in React Router at the route level—cleaner code, better control, no extra wrappers needed. Read it on the web

Use client_id and client_secret in OAuth2

Sat, 05 Apr 2025 00:17:43 GMT

Use client_id and client_secret to authenticate your app with the Authorization Server in OAuth2 flows. Read it on the web

Use the OAuth2 Introspection Endpoint

Wed, 02 Apr 2025 19:03:39 GMT

Learn how to use the introspection endpoint in OAuth2 to validate opaque tokens and extract user and scope information. Read it on the web

Revoke a Refresh Token in OAuth2

Tue, 01 Apr 2025 00:02:49 GMT

Learn how to securely revoke refresh tokens in OAuth2 and prevent unauthorized access after logout or token compromise. Read it on the web

Use PKCE in OAuth2 Authorization Code Flow

Wed, 26 Mar 2025 03:26:52 GMT

Learn how to securely implement PKCE in the OAuth2 Authorization Code flow and why it’s useful for public and server-rendered apps. Read it on the web

Add Custom Claims to JWT Access Tokens

Tue, 25 Mar 2025 18:03:05 GMT

Learn how to add custom claims to JWT access tokens in OAuth2 without exposing sensitive data. Read it on the web

Validate exp, iat, and nbf in JWTs

Tue, 25 Mar 2025 06:27:23 GMT

Learn how to validate exp, iat, and nbf claims in JWT access tokens to ensure your API only accepts valid tokens. Read it on the web

Use `scope` to Authorize Actions in Your API

Mon, 24 Mar 2025 04:52:09 GMT

Learn how to use the scope claim in OAuth2 access tokens to authorize actions in your API with fine-grained permissions. Read it on the web

Validate JWTs with JWKS

Mon, 24 Mar 2025 04:39:27 GMT

Learn how to verify JWT access tokens securely using JWKS, without hitting your Authorization Server on every request. Read it on the web

OAuth2 Access Token Claims Explained

Wed, 19 Mar 2025 23:30:58 GMT

JWTs used as OAuth2 access tokens contain claims that define identity, security, and permissions. Learn how to use and validate them. Read it on the web

OAuth2 Scopes Explained

Thu, 13 Mar 2025 21:47:20 GMT

OAuth2 scopes define what an app can do with your data. Learn how they work, best practices, and how to enforce them in your API. Read it on the web

Create a Per-Request Singleton with React Router Middleware

Tue, 11 Mar 2025 05:34:35 GMT

Create a per-request singleton in React Router middleware to optimize request-based caching and batching without persistent global state. Read it on the web

Test Middleware in React Router

Mon, 10 Mar 2025 19:17:05 GMT

Learn how to test React Router middleware using Bun Test, mock requests, and validate session handling in just a few simple steps. Read it on the web

OAuth2 Tokens Explained

Mon, 10 Mar 2025 15:13:42 GMT

OAuth2 uses Access, Refresh, and ID Tokens, each with a distinct role. Learn how they work and how to store them securely. Read it on the web

OAuth2 Audience Explained

Mon, 10 Mar 2025 04:09:54 GMT

The OAuth2 audience (aud) claim ensures tokens are used only by the right APIs. Learn how it works and why it matters. Read it on the web

JWT vs. Opaque Tokens

Sun, 09 Mar 2025 23:23:40 GMT

JWTs offer fast, stateless authentication, while opaque tokens provide better revocation control. Which one should you use? Read it on the web

Use middleware in React Router

Sat, 08 Mar 2025 07:43:41 GMT

Enable middleware in React Router 7.3.0 to intercept requests and enhance loaders and actions on both server and client. Read it on the web

Maybe don't navigate(-1) in Remix/React Router

Wed, 05 Mar 2025 18:37:55 GMT

Read it on the web

OAuth2 for Backend-for-Frontend

Tue, 04 Mar 2025 23:51:25 GMT

Securely handle OAuth2 in a Backend-for-Frontend (BFF) with React Router, keeping tokens off the frontend for better security Read it on the web

Show a 404 in React Router

Sun, 02 Mar 2025 10:11:07 GMT

Read it on the web

Class methods are Ruby’s useEffect

Fri, 28 Feb 2025 05:36:42 GMT

Read it on the web

What I learned at Campsite

Fri, 28 Feb 2025 04:37:14 GMT

Read it on the web

Throwing vs. Returning Redirects in React Router

Tue, 25 Feb 2025 05:10:12 GMT

Throwing vs. returning redirects in React Router: understand when to use each, how they work, and how to handle them properly Read it on the web

Download a file from a React Router route

Mon, 24 Feb 2025 06:15:30 GMT

Read it on the web

How I Stay Sane Implementing Stripe

Mon, 24 Feb 2025 05:08:30 GMT

Read it on the web

Where to put concernsImprove readabilityEnhance, but not replace, rich object modelsConclusions

Mon, 24 Feb 2025 05:07:30 GMT

Read it on the web

Domain driven boldness

Mon, 24 Feb 2025 05:05:53 GMT

Read it on the web

Good concerns

Mon, 24 Feb 2025 05:05:44 GMT

Read it on the web

Vanilla Rails is plenty

Mon, 24 Feb 2025 05:05:30 GMT

Read it on the web

Active Record, nice and blended

Mon, 24 Feb 2025 05:05:25 GMT

Read it on the web

Globals, callbacks and other sacrileges

Mon, 24 Feb 2025 05:05:19 GMT

Read it on the web

Use Bullet to Detect N+1 Queries in Rails

Sat, 08 Feb 2025 22:30:12 GMT

Read it on the web

Use Pandoc to convert a Markdown to a PDF and ePUB

Fri, 07 Feb 2025 19:32:44 GMT

Read it on the web

Load Dynamic Stylesheets in React Router

Mon, 03 Feb 2025 05:02:01 GMT

Read it on the web

Split routes config in React Router

Wed, 15 Jan 2025 05:36:05 GMT

Read it on the web

Configure the tracking branch in Git

Tue, 14 Jan 2025 22:45:32 GMT

Read it on the web

Reuse route modules in React Router

Mon, 13 Jan 2025 18:12:37 GMT

Read it on the web

Stop just using “Frontend” or “Backend” to describe the Engineering you like

Fri, 03 Jan 2025 20:27:48 GMT

Read it on the web

Populate Your Rails Database with Fixtures

Wed, 18 Dec 2024 21:03:28 GMT

Learn how to populate your Rails database with fixtures for testing and development. Read it on the web

You Can't Not Have a Framework

Fri, 13 Dec 2024 21:19:40 GMT

Read it on the web

This doesn't warrant a blog post

Wed, 27 Nov 2024 04:23:38 GMT

Read it on the web

Because I wanted to

Mon, 18 Nov 2024 17:48:44 GMT

Read it on the web

Making Web Component good enough

Mon, 30 Sep 2024 23:44:50 GMT

Read it on the web

Layered Architectures with Laravel

Fri, 27 Sep 2024 01:43:22 GMT

Read it on the web

Don't Sleep on AbortController

Wed, 18 Sep 2024 13:57:07 GMT

Read it on the web

Stub a method in a class with Minitest

Mon, 02 Sep 2024 17:49:10 GMT

Read it on the web

Show toast after a Remix action

Fri, 30 Aug 2024 07:39:08 GMT

Learn to display a toast notification after a Remix action by utilizing the clientAction function to ensure consistent user feedback. Read it on the web

Building a Proper REST API

Wed, 14 Aug 2024 18:54:04 GMT

Read it on the web

How I would do auth

Sun, 14 Jul 2024 09:34:37 GMT

Read it on the web

Simplify Component Imports with TypeScript Namespaces

Wed, 10 Jul 2024 21:34:33 GMT

Read it on the web

Card Stack

Tue, 02 Jul 2024 23:36:58 GMT

Read it on the web

Counterscale and the New Self-Hosted

Thu, 27 Jun 2024 03:45:18 GMT

Read it on the web

On Frontend vs Backend

Wed, 19 Jun 2024 09:06:58 GMT

Read it on the web

Validate Form in Remix with clientAction

Tue, 18 Jun 2024 06:26:14 GMT

Read it on the web

Generate Cloudflare environment type with wrangler

Tue, 18 Jun 2024 06:10:40 GMT

Read it on the web

Configure scoped private packages in Bun

Tue, 18 Jun 2024 06:05:06 GMT

Read it on the web

When to use Route Modal in React Router

Sun, 16 Jun 2024 06:30:40 GMT

Read it on the web

Deconstructing the Monolith: Designing Software that Maximizes Developer Productivity

Wed, 05 Jun 2024 06:32:20 GMT

Read it on the web

Ultimate guide to multi-tenant SaaS data modeling

Thu, 30 May 2024 23:34:27 GMT

Read it on the web

Migrating from Radix to React Aria: Improving Accessibility and UX

Wed, 29 May 2024 02:57:16 GMT

Read it on the web

Creating a pointer-friendly submenu experience

Fri, 03 May 2024 20:42:54 GMT

Read it on the web

Building like it's 1984: A comprehensive guide to creating intuitive context menus

Fri, 03 May 2024 19:31:43 GMT

Read it on the web

Building future facing frontend architectures

Wed, 24 Apr 2024 22:52:58 GMT

Read it on the web

Navigating the future of frontend

Mon, 15 Apr 2024 23:44:43 GMT

Read it on the web

Use package.json#bin to create a CLI

Tue, 26 Mar 2024 22:01:17 GMT

Read it on the web

Margin considered harmful

Tue, 26 Mar 2024 15:17:50 GMT

Read it on the web

In Loving Memory of Square Checkbox

Mon, 18 Mar 2024 18:36:56 GMT

Read it on the web

Access location.state in Remix loaders and actions

Wed, 13 Mar 2024 22:39:02 GMT

Read it on the web

The Copenhagen Book

Sun, 10 Mar 2024 04:25:01 GMT

Read it on the web

Add i18n to a Remix Vite app

Fri, 08 Mar 2024 00:39:07 GMT

Read it on the web

Documenting Architecture Decisions

Sat, 02 Mar 2024 07:40:30 GMT

Read it on the web

Autoload the correct Node version with NVM

Fri, 01 Mar 2024 17:12:49 GMT

Read it on the web

HDR (aka Hot Data Revalidation)

Sat, 24 Feb 2024 22:39:38 GMT

A development-time compiler feature where the data used by an application is replaced at runtime without reloading the application and losing any in-memory state.

HMR (aka Hot Module Replacement)

Sat, 24 Feb 2024 22:39:11 GMT

A development-time compiler feature where the code is replaced at runtime without reloading the application or server and losing any in-memory state.

PPR (aka Partial Pre-Rendering)

Sat, 24 Feb 2024 22:37:34 GMT

An application rendering strategy where SSG is used in combination with SSR to generate at build time the static parts of an HTML document and then use SSR to stream the dynamic parts at runtime.

ISR (aka Incremental Static Regeneration)

Sat, 24 Feb 2024 22:34:42 GMT

An application rendering strategy where SSG is used combined with SSR to update or generate new static HTML files at runtime without re-building the application.

SSG (aka Static Site Generation)

Sat, 24 Feb 2024 22:32:58 GMT

An application rendering strategy where the server generates static HTML files at build time instead of runtime. Updating those static files require a new build of the application.

PESPA (aka Progressively Enhanced Single-Page Application)

Sat, 24 Feb 2024 22:29:36 GMT

A progressively enhanced SPA that uses SSR on document requests, and after JS loads start working as a SPA, while most if not all of the behavior can stil work before JS work.

PEMPA (aka Progressively Enhanced Multi-Page Application)

Sat, 24 Feb 2024 22:26:00 GMT

A progressively enhanced MPA that uses JS, general navigation happens like a MPA but in-page changes happens with or without JS to fetch more data as the user interact with the application.

Nest routes with dynamic params in Remix

Thu, 15 Feb 2024 16:52:53 GMT

Read it on the web

Build a simple login and logout with Remix

Tue, 13 Feb 2024 05:57:59 GMT

Read it on the web

Access React Router's loader data from a route ErrorBoundary

Tue, 13 Feb 2024 05:35:44 GMT

Use useRouteLoaderData hook to access route loader data inside ErrorBoundary components when handling errors. Read it on the web

Access React Router's Loaders Data in entry.client

Tue, 13 Feb 2024 05:25:07 GMT

Access loader data from entry.client.tsx using the global window.__reactRouterContext object before hydrating your app. Read it on the web

Handle not found URLs with Remix

Sat, 10 Feb 2024 04:07:57 GMT

Read it on the web

Persist the User Locale Using Cookies with React Router and i18next

Wed, 07 Feb 2024 17:16:37 GMT

Store user language preferences in cookies to persist locale selections across sessions using middleware. Read it on the web

Add dynamic canonical URL to Remix routes

Sun, 04 Feb 2024 05:38:01 GMT

Read it on the web

Parallelized Decision Making

Sat, 03 Feb 2024 05:27:57 GMT

Read it on the web

Add custom attributes to Markdoc code fences

Sat, 03 Feb 2024 05:12:14 GMT

@markdoc/markdoc@0.4.0 Read it on the web

Enable Remix ~/ aliased imports in Vitest

Fri, 02 Feb 2024 00:09:44 GMT

Read it on the web

API (aka Application Programming Interface)

Thu, 01 Feb 2024 18:54:06 GMT

Code interface used to interact with an application. It can go from a function in a library, a method in the runtime of the code to an HTTP based one using URLs and HTTP methods.

MPA (aka Multi-Page Application)

Wed, 31 Jan 2024 22:16:18 GMT

An application navigation strategy where the navigation between routes/views happens by requesting a new document from the server.

SPA (aka Single-Page Application)

Wed, 31 Jan 2024 22:15:08 GMT

An application navigation strategy where the navigation between routes/views of the application happens client-side without creating a new document request.

CSR (aka Client-Side Rendering)

Wed, 31 Jan 2024 22:12:58 GMT

An application rendering strategy where the rendering happens in a client, typically the browser, in the same process event listeners are attached to react to them and re-render the UI.

SSR (aka Server-Side Rendering)

Wed, 31 Jan 2024 22:12:48 GMT

An application rendering strategy where the rendering happens in a server, typically at runtime when a new render is requested.

Add syntax highlight to Markdoc using Prism.js

Wed, 31 Jan 2024 00:08:25 GMT

Read it on the web

Create a CRUD with Remix

Thu, 25 Jan 2024 05:04:07 GMT

Read it on the web

I miss RSS

Tue, 23 Jan 2024 08:46:20 GMT

Read it on the web

RSC is React Server + Component | bobae kang

Tue, 23 Jan 2024 02:33:58 GMT

Read it on the web

Pass Cookies from a React Router Loader to an External API

Mon, 22 Jan 2024 06:02:45 GMT

Forward browser cookies to external APIs by passing request headers through fetch calls. Read it on the web

Call an action from a loader in Remix

Mon, 22 Jan 2024 05:57:32 GMT

Read it on the web

Use React Portal in Remix

Mon, 22 Jan 2024 05:48:48 GMT

Read it on the web

Prevent the React Router Loader to Run after Document Request

Mon, 22 Jan 2024 05:04:15 GMT

Use clientLoader to prevent server loader execution during client-side navigation while keeping it on document requests. Read it on the web

Passkey-Based Auth in Remix (feat. Alex Anderson) - YouTube

Sun, 21 Jan 2024 11:11:00 GMT

Read it on the web

Remix Movies: build a movie browser with Remix - YouTube

Sun, 21 Jan 2024 11:09:30 GMT

Read it on the web

Trellix: build a Trello clone using Remix - YouTube

Sun, 21 Jan 2024 11:09:22 GMT

Read it on the web

Defer a Fetch response in Remix

Fri, 19 Jan 2024 23:39:03 GMT

Read it on the web

Use a CDN for your static assets in Remix

Fri, 19 Jan 2024 23:32:26 GMT

Read it on the web

Get the absolute URL in Remix's MetaFunction

Fri, 19 Jan 2024 23:26:21 GMT

Read it on the web

Build an app with Remix and Bun

Fri, 19 Jan 2024 22:36:30 GMT

Read it on the web

Designing better target sizes

Fri, 19 Jan 2024 04:22:05 GMT

Read it on the web

Find and remove unused code with Knip

Thu, 18 Jan 2024 22:24:28 GMT

Read it on the web

Create multiple top-level layouts in Remix

Wed, 17 Jan 2024 00:15:29 GMT

Read it on the web

Kind of annoyed at React

Mon, 15 Jan 2024 03:07:39 GMT

Read it on the web

Increasingly miffed about the state of React releases

Thu, 11 Jan 2024 04:03:05 GMT

Read it on the web

The Website vs. Web App Dichotomy Does Not Exist

Thu, 11 Jan 2024 03:33:18 GMT

Read it on the web

Test meta tags using Playwright

Wed, 10 Jan 2024 22:47:06 GMT

Read it on the web

gilest.org: Make the indie web easier

Wed, 10 Jan 2024 00:32:59 GMT

Read it on the web

Why Fetch Promise Does Not Reject on Error Responses

Mon, 08 Jan 2024 17:15:34 GMT

Read it on the web

A Well-Known Links Resource - Jim Nielsen’s Blog

Mon, 01 Jan 2024 09:22:16 GMT

Read it on the web

The OG Social Network: Other People’s Websites - Jim Nielsen’s Blog

Mon, 01 Jan 2024 09:21:47 GMT

Read it on the web

Rationale for a Browser-Level Color Scheme Preference - Jim Nielsen’s Blog

Mon, 01 Jan 2024 09:17:52 GMT

Read it on the web

A Well Known URL For Your Personal Avatar - Jim Nielsen’s Blog

Mon, 01 Jan 2024 09:10:52 GMT

Read it on the web

React Aria

Thu, 28 Dec 2023 16:37:20 GMT

Read it on the web

Stop Lying to Your Users | Epic Web Dev by Kent C. Dodds

Wed, 27 Dec 2023 00:36:38 GMT

Read it on the web

Prefetch data for Remix Fetcher usage

Fri, 08 Dec 2023 22:31:58 GMT

If you're using Remix, you can ask it to prefetch the data of a new route using Link's prefetch prop, but if you need to use `fetcher.loa… Read it on the web

Keep Your Loader Data Fresh in Remix

Fri, 01 Dec 2023 05:35:33 GMT

Using the useRevalidator hook we can revalidate our loader data on an interval to ensure that our data is always fresh. How fresh can depe… Read it on the web

Expose Remix Routes as API Endpoints

Mon, 27 Nov 2023 18:43:34 GMT

If you're building a Remix web app, and then you decide to expose an API from that app, you may be tempted to try to reuse the same routes … Read it on the web

Access the Search Params of a Request in React Router

Wed, 22 Nov 2023 23:17:29 GMT

Learn how to access URL search params in React Router loaders and components using the URL and URLSearchParams APIs. Read it on the web

Upload Images in a Remix Application

Mon, 23 Oct 2023 23:40:03 GMT

If you want to add file upload to let users send you images, e.g., for an avatar, Remix provides a few (still unstable for some reason) too… Read it on the web

Redirect with Search Param in Remix

Fri, 06 Oct 2023 23:47:03 GMT

Let's say you want to ensure a specific search param is always set. To do so, you can first check if the search param is set, and if not, r… Read it on the web

Access the Loader Data in Remix

Thu, 05 Oct 2023 20:33:52 GMT

If you're using Remix, you may have noticed that the loader data is not passed to the components as props. This is because the loader data … Read it on the web

Abort Async Calls Inside Remix Loaders and Actions

Sun, 24 Sep 2023 07:41:49 GMT

Let's say you're writing a loader that needs to do a fetch call to get some data, something simple just for the example: ```ts import { js… Read it on the web

Get Remix route params `entry.server`

Fri, 08 Sep 2023 16:36:36 GMT

If you have a parameter like the locale `/:locale/*` that you want to get in entry.server for any reason, you can use the `EntryContext` ob… Read it on the web

Test meta tags with Cypress

Wed, 06 Sep 2023 04:42:31 GMT

If you want to ensure your webs have the correct meta tags like the title, description, Open Graph or Twitter Cards. We can test the title… Read it on the web

Challenging Established Norms: Making Component Fetching the Exception

Mon, 04 Sep 2023 02:16:42 GMT

Read it on the web

Be the browser’s mentor, not its micromanager

Thu, 31 Aug 2023 04:55:09 GMT

Read it on the web

The ideal viewport doesn’t exist

Thu, 31 Aug 2023 04:54:24 GMT

Read it on the web

My thoughts on open-source

Tue, 22 Aug 2023 17:18:39 GMT

Read it on the web

Strongly type Remix route IDs

Mon, 17 Jul 2023 23:33:22 GMT

When using something like `useRouteLoaderData()` we need to provide the route ID of the route we want to get the data from. This could als… Read it on the web

Strongly type public assets in Remix

Mon, 17 Jul 2023 15:29:17 GMT

Remix gives us two ways to work with assets, we can import them directly and get a string to the hashed file path, or we can place the file… Read it on the web

Create a reusable Form component in Remix

Fri, 07 Jul 2023 22:35:43 GMT

Let's say we want to build a custom Form component for our application, this Form will do things inside like rendering a hidden input with … Read it on the web

Sync text input with URLSearchParam in Remix

Thu, 06 Jul 2023 17:28:54 GMT

Let's say we're building a search form that needs to keep the value on the search params as the user type. We could directly update on the… Read it on the web

Social RSS

Tue, 04 Jul 2023 10:19:16 GMT

Read it on the web

The fediverse and the indieweb

Tue, 04 Jul 2023 04:22:44 GMT

Read it on the web

Blogging as DRY

Sun, 02 Jul 2023 07:47:23 GMT

Read it on the web

Everything You Can Test In Your Laravel Application

Sun, 02 Jul 2023 02:11:29 GMT

Read it on the web

Dear Open Source: let’s do a better job of asking for money

Sun, 02 Jul 2023 02:03:18 GMT

Read it on the web

Don't make me think, or why I switched to Rails from JavaScript SPAs

Sun, 02 Jul 2023 02:03:00 GMT

Read it on the web

Generating income from open source

Sun, 18 Jun 2023 23:11:38 GMT

Read it on the web

Use TanStack Query to Share Data between React Router Loaders

Mon, 05 Jun 2023 16:01:26 GMT

Share data between React Router loaders efficiently using TanStack Query to avoid duplicate fetches and improve performance. Read it on the web

Logout from Auth0 with Remix Auth

Wed, 24 May 2023 04:41:20 GMT

If you're using Remix Auth together with Auth0, you may found out that if you just use the logout method from Remix Auth and try to login a… Read it on the web

Send Node.js ReadStream objects from Remix loaders

Mon, 15 May 2023 21:00:05 GMT

If you're creating route in Remix that needs to send a file from you may want to use `node:fs` to get the file content from the system and … Read it on the web

Reset a form on success in Remix

Mon, 15 May 2023 20:46:56 GMT

If you have a form with one or more uncontrolled inputs you may have seen the case where the user submits the form but the inputs are not c… Read it on the web

Use `qs.parse` to use nested form fields in Remix

Mon, 15 May 2023 18:51:52 GMT

The traditional way to parse a form body in Remix is by using `request.formData()` to get a new FormData object, then use `formData.get()` … Read it on the web

Send JSON to a Remix action

Sat, 13 May 2023 23:14:44 GMT

While [there's a proposal to add support for this](https://github.com/remix-run/remix/discussions/1959#discussioncomment-2205718), right no… Read it on the web

Set Multiple Cookies in the Same Response in React Router Loaders

Fri, 12 May 2023 22:34:08 GMT

Set multiple Set-Cookie headers in loader responses using header arrays or the Headers.append method. Read it on the web

Close SSE connection from the server in Remix

Wed, 10 May 2023 23:43:44 GMT

If you're using SSE in a Remix app, you may find you want to be able to close the connection from the server. The [Remix Utils `eventStrea… Read it on the web

Measure performance with the Server-Timing header in React Router

Sun, 30 Apr 2023 06:20:25 GMT

Add performance measurements to response headers to inspect route timing from the browser DevTools. Read it on the web

Automatically commit sessions on Remix

Tue, 04 Apr 2023 21:37:26 GMT

When you use Remix's session feature you have to always remember to commit your session before sending the response. This is a simpler fun… Read it on the web

Customize Remix AppLoadContext type

Thu, 16 Mar 2023 21:17:58 GMT

Read it on the web

Client-side JavaScript and React criticism: What comes next?

Thu, 16 Mar 2023 12:31:32 GMT

Read it on the web

Turn on Caps Lock on Cypress

Tue, 14 Mar 2023 17:27:21 GMT

If you're testing a feature that depends on Caps Lock to be on, e.g. detect Caps Lock and warn on password inputs. You can test this works … Read it on the web

Fast and maintainable patterns for fetching from a database

Tue, 14 Feb 2023 18:43:58 GMT

Read it on the web

Delete a Cookie using Remix cookie helpers

Mon, 13 Feb 2023 22:41:53 GMT

If we have set a cookie and we need to tell the browser to delete it, we can do that with a simple trick, we can set the cookie value to an… Read it on the web

Add runtime SSG and ISR to Remix

Sun, 29 Jan 2023 05:24:17 GMT

If you came to Remix from the Next.js world, you might wonder how to use SSG and ISR with Remix. The framework doesn't support it; instead… Read it on the web

Improve SEO by not sending JS in Remix

Wed, 25 Jan 2023 20:24:28 GMT

When Google crawls your website, it will try to execute all the JavaScript it finds. And even if your app… Read it on the web

Use AMP with Remix

Mon, 23 Jan 2023 23:10:44 GMT

If for any reason, you want to add AMP to your Remix app, there are a few things you need to do. First, go to your `app/root… Read it on the web

Use Remix as a SPA only

Mon, 23 Jan 2023 22:39:20 GMT

Remix always does SSR on document requests. Then it works as an MPA until JS loads and React hydrates your app. At that … Read it on the web

A Theory of Web Relativity

Fri, 30 Dec 2022 04:53:10 GMT

Read it on the web

Downgrade to MPA if Users Prefer Reduced Data in React Router

Thu, 15 Dec 2022 18:03:02 GMT

Detect the Save-Data header and conditionally disable client-side JavaScript to reduce data usage. Read it on the web

Add rolling sessions to Remix

Thu, 01 Dec 2022 20:32:16 GMT

Rolling sessions is a technique to extend the maxAge of a session cookie by resetting the cookie's expiration date… Read it on the web

Use Server-Sent Events with Remix

Fri, 25 Nov 2022 23:45:39 GMT

Using Server-Sent Events (SSE) you can keep a connection between a browser (client) and an HTTP server open an… Read it on the web

Progressively Enhance the useFetcher Hook in React Router

Wed, 16 Nov 2022 22:13:23 GMT

Support both JavaScript and no-JavaScript users by detecting hydration state in fetcher forms. Read it on the web

Use `process.env` client-side with Remix

Wed, 09 Nov 2022 16:58:37 GMT

Use process.env client-side with Remix The process.env thing is a Node.js-only feature that many front-end developers adopted as something t… Read it on the web

Persist inputs after a form submit in Remix

Thu, 20 Oct 2022 22:11:55 GMT

Let's say you have a form with a few inputs. You want to persist the inputs' values after submitting… Read it on the web

Streaming: is it worth it?

Thu, 20 Oct 2022 20:30:47 GMT

Read it on the web

Prioritise content over components

Wed, 19 Oct 2022 16:57:23 GMT

Read it on the web

Throwing vs. Returning responses in Remix

Fri, 14 Oct 2022 16:09:14 GMT

When you code a loader/action (we'll call them data functions from now) in Remix, you can either retur… Read it on the web

Lazy-load React components in Remix

Wed, 12 Oct 2022 21:31:09 GMT

Suppose we want to create a timeline component that lists different events. Each event type has a unique com… Read it on the web

Overcoming Popular Issues With React Projects

Tue, 11 Oct 2022 18:33:38 GMT

Read it on the web

💿 remix simplifies things

Sun, 02 Oct 2022 04:51:03 GMT

Read it on the web

Progressively enhance for a more resilient web

Sat, 01 Oct 2022 03:08:48 GMT

Read it on the web

Get in Zoomer, We're Saving React

Mon, 26 Sep 2022 21:56:38 GMT

Read it on the web

Optional route segments with Remix

Mon, 26 Sep 2022 16:56:48 GMT

Let's say we have a URL structure like this: /:category/products /products Both routes need to work… Read it on the web

Destroy User Session and While Setting a Flash Message in React Router

Wed, 21 Sep 2022 20:48:27 GMT

Set flash messages while destroying user sessions using cookie or database session storage. Read it on the web

Add additional data before submitting on Remix

Wed, 21 Sep 2022 20:31:22 GMT

The Remix approach to submitting forms is to replace the

Redirect to an external website with Remix

Wed, 21 Sep 2022 20:07:18 GMT

Remix gives us a useful redirect helper function which lets us quickly create a new redirect Respon… Read it on the web

Bubble up data on Remix routes

Tue, 13 Sep 2022 23:04:17 GMT

React introduced a one-way data flow where a parent component has some data (state) and passes it to the children… Read it on the web

Group related routes together in Remix

Fri, 09 Sep 2022 17:51:15 GMT

Next.js released its new nested routes feature yesterday (Friday, 9th September). One of the things they … Read it on the web

What if your Index Page was Smart?

Mon, 05 Sep 2022 18:30:26 GMT

Read it on the web

Building websites for Safari Reader Mode and other reading apps

Mon, 05 Sep 2022 17:54:42 GMT

Read it on the web

How to Section Your HTML

Fri, 02 Sep 2022 15:54:14 GMT

Read it on the web

Block Links: The Search for a Perfect Solution

Wed, 10 Aug 2022 21:16:20 GMT

Read it on the web

Parse Markdown with Markdoc in Remix

Thu, 21 Jul 2022 22:43:43 GMT

Markdoc is this new Markdown parser by Stripe, and it's a simple to use yet extendable library we can use i… Read it on the web

Dependency injection in Remix loaders and actions

Tue, 19 Jul 2022 22:26:38 GMT

Dependency Injection is a way our function or class can receieve from the caller the instancie… Read it on the web

Using Zod to safely read env variables

Thu, 23 Jun 2022 21:30:31 GMT

Zod is a great library to do schema based validations and get fully typed objects as a result. Environmen… Read it on the web

Debug your server-side Remix code using VSCode

Thu, 23 Jun 2022 14:21:00 GMT

Read it on the web

RSS

Sun, 12 Jun 2022 05:38:43 GMT

Read it on the web

Working with Refresh Tokens in Remix

Fri, 03 Jun 2022 16:03:56 GMT

When using an external API, you may need to keep an access token to send a request as a user. And a refresh… Read it on the web

Device-Agnostic

Mon, 30 May 2022 04:15:02 GMT

Read it on the web

E2E test Remix with Vitest and Puppeteer

Mon, 16 May 2022 22:42:56 GMT

Vitest is a testing framework, similar to Jest, but way faster, built on top of Vite, which uses esbuil… Read it on the web

Optimize image loading with plain HTML

Mon, 09 May 2022 17:31:08 GMT

If you're building some page like a landing with some images, you may want to optimize how these images l… Read it on the web

Using rel=preload for responsive images

Thu, 05 May 2022 17:40:33 GMT

Read it on the web

Multiple forms per route in Remix

Thu, 14 Apr 2022 08:35:32 GMT

Suppose you have a complex enough Remix application. In that case, you may have reached the point where a sing… Read it on the web

How to avoid layout shifts caused by web fonts

Fri, 25 Mar 2022 00:47:26 GMT

Read it on the web

“Guys, we’re doing pagination wrong…”

Fri, 18 Mar 2022 03:25:47 GMT

Read it on the web

Why Remix doesn’t infer types from loaders for useLoaderData

Sat, 26 Feb 2022 04:50:11 GMT

Read it on the web

Add returnTo behavior to Remix Auth

Fri, 25 Feb 2022 03:34:26 GMT

If you're using Remix Auth, you may want to add support to return the user to where it was before redirectin… Read it on the web

Survivorship Bias in Web Performance

Fri, 25 Feb 2022 00:17:56 GMT

Read it on the web

Building a Command Palette with Remix and Tailwind UI

Thu, 24 Feb 2022 23:07:42 GMT

Recently, the Tailwind Labs team published a new Combobox component on Headless UI and use… Read it on the web

Share session and cookies between Next and Remix

Thu, 24 Feb 2022 21:52:55 GMT

I have been migrating a Next.js app to Remix for a few months. I already wrote how to run them … Read it on the web

Fix double data request when prefetching in Remix

Thu, 24 Feb 2022 20:45:58 GMT

Suppose you rendered a component in your UI with the idea of pref… Read it on the web

The "best" way to manage icons in React.js

Sun, 20 Feb 2022 18:46:22 GMT

Read it on the web

Run Tailwind and Remix in Parallel with PM2

Wed, 19 Jan 2022 05:37:24 GMT

If you use Remix together Tailwind (and you should!), you may have found out that you need to run th… Read it on the web

Use Remix with socket.io

Tue, 11 Jan 2022 21:20:22 GMT

If you want to add real-time capabilities to your Remix app without using an external service, the easiest way is proba… Read it on the web

Generate a PDF in Remix with Resource Routes

Mon, 10 Jan 2022 16:43:09 GMT

Remix has a feature called Resource Routes which let you create endpoints returning anything. Usin… Read it on the web

Avoid waterfalls of queries in Remix loaders

Thu, 06 Jan 2022 17:05:58 GMT

Remix does a fantastic job of avoiding waterfalls everywhere. It preloads assets. It downloads JS a… Read it on the web

Run Next and Remix on the same server

Mon, 03 Jan 2022 18:49:57 GMT

If you want to migrate a Next app to Remix, you may be tempted to do a complete migration. Still, if your … Read it on the web

HTTP vs. Server-side Cache in Remix

Wed, 22 Dec 2021 19:22:24 GMT

When you build a web application, you may reach a point where some performance problems could be solved by a… Read it on the web

Clase rápida de programación asíncrona

Mon, 20 Dec 2021 02:50:17 GMT

El código síncrono se ejecuta una linea a la vez, cierto? Entonces si haces esto: let result = fn(… Read it on the web

On-Demand Hydration in Remix

Fri, 10 Dec 2021 23:14:53 GMT

Remix makes it really easy to don't send JS to the browser. It even has a guide on how to let routes statically def… Read it on the web

Live validation is problematic

Wed, 08 Dec 2021 04:14:19 GMT

Read it on the web

Stop building client-side forms

Wed, 08 Dec 2021 03:55:41 GMT

Read it on the web

Loader vs Route Cache Headers in Remix

Thu, 02 Dec 2021 17:20:54 GMT

Document Request So, let's say you have a route at /my-super-route, and there you have a loader fun… Read it on the web

The useMatches hook in Remix

Tue, 30 Nov 2021 23:36:29 GMT

If you use Remix, there's a hook that you can use called useMatches, this hook is a way to access some internal d… Read it on the web

Validating Remix forms with Constraints API

Fri, 26 Nov 2021 06:32:51 GMT

The Constraints API is a browser API that has been available since the times of IE10, yep, that old.… Read it on the web

Test Remix loaders and actions

Thu, 25 Nov 2021 06:53:55 GMT

If you are using Remix, most of your application code will live in the loaders and actions instead of React compo… Read it on the web

Use NProgress in a Remix app

Wed, 24 Nov 2021 16:07:35 GMT

Remix's philosophy is to kill all the spinner! This is amazing, but sometimes it's not possible. Connections may be… Read it on the web

Result Objects in TS

Wed, 17 Nov 2021 20:32:42 GMT

Build resilient TypeScript apps that handle failures gracefully using the Result pattern to make errors explicit in your types. Read it on the web

Dark Mode and Dark Context

Tue, 16 Nov 2021 05:01:23 GMT

Most of the time, there is two way to implement dark mode support in an application. Using media queries with `pre… Read it on the web

Why Decentralization Isn't as Important as You Think

Thu, 28 Oct 2021 03:07:08 GMT

Read it on the web

When You Stop Counting

Thu, 28 Oct 2021 03:06:36 GMT

Read it on the web

Why I Quit Google to Work for Myself

Mon, 27 Sep 2021 06:36:54 GMT

Read it on the web

Use Fathom with Remix

Thu, 23 Sep 2021 21:47:25 GMT

If you want to use Fathom for your analytics and use Remix to build your app, you can configure it to work quite quickly. … Read it on the web

Don’t Build A General Purpose API To Power Your Own Front End

Wed, 22 Sep 2021 01:26:26 GMT

Read it on the web

Why You Should Never Use MongoDB

Tue, 21 Sep 2021 05:51:06 GMT

Read it on the web

A Case For Use Cases

Fri, 10 Sep 2021 16:46:33 GMT

Read it on the web

Fix `gyp: No Xcode or CLT version detected!` error

Thu, 09 Sep 2021 16:34:31 GMT

Fix gyp: No Xcode or CLT version detected! error If you have this error, and you running xcode-select --install tells you you have them inst… Read it on the web

Use Dependabot to keep Remix up-to-date

Wed, 08 Sep 2021 17:45:06 GMT

If you use Dependabot to keep your project dependencies up-to-date, and if you use Remix you may have no… Read it on the web

Automatic Revalidation in Remix

Tue, 31 Aug 2021 17:37:46 GMT

If you have used SWR or React Query, you may be used to a feature both libraries have called automatic revalidat… Read it on the web

People read on the web

Sat, 28 Aug 2021 03:47:50 GMT

Read it on the web

Why we use progressive enhancement to build GOV.UK

Mon, 16 Aug 2021 00:23:56 GMT

Read it on the web

Building a resilient frontend using progressive enhancement

Sun, 15 Aug 2021 18:50:24 GMT

Read it on the web

I Want To Confirm a Prompt That We Stay Alert

Sun, 15 Aug 2021 18:09:52 GMT

Read it on the web

Browsers and Representation

Sun, 15 Aug 2021 18:00:36 GMT

Read it on the web

Google vs. the web

Sun, 15 Aug 2021 17:53:58 GMT

Read it on the web

Back to the Bad Old Days of the Web

Sun, 15 Aug 2021 17:34:57 GMT

Read it on the web

The Mythical Document Web

Sun, 15 Aug 2021 17:28:39 GMT

Read it on the web

Breaking the web forward

Sun, 15 Aug 2021 17:28:11 GMT

Read it on the web

Back to the Future with RSS

Thu, 12 Aug 2021 18:28:42 GMT

Read it on the web

Client-Side Architecture Basics

Wed, 11 Aug 2021 06:11:36 GMT

Read it on the web

Organizing App Logic with the Clean Architecture

Wed, 11 Aug 2021 04:23:15 GMT

Read it on the web

Implementing DTOs, Mappers and the Repository Pattern

Wed, 11 Aug 2021 03:14:51 GMT

Read it on the web

Screaming Architecture

Wed, 11 Aug 2021 02:46:05 GMT

Read it on the web

Better Software Design with Application Layer Use Cases

Wed, 11 Aug 2021 02:37:14 GMT

Read it on the web

Anemic Domain Model

Wed, 11 Aug 2021 01:41:46 GMT

Read it on the web

Value Objects - DDD w/ TypeScript

Wed, 11 Aug 2021 01:38:39 GMT

Read it on the web

iOS 15, Humane

Tue, 10 Aug 2021 06:43:16 GMT

Read it on the web

Don't overabstract your components

Fri, 16 Jul 2021 05:17:34 GMT

Read it on the web

Creating a PDF with React in the Browser

Wed, 14 Jul 2021 17:58:01 GMT

If you need to generate a PDF for your users, maybe some reports or a document you want users to be abl… Read it on the web

Meta Theme Color and Trickery

Tue, 13 Jul 2021 17:35:19 GMT

Read it on the web

Sending data from layout to leaf routes in Remix

Tue, 29 Jun 2021 06:19:57 GMT

Hey! This is outdated, Remix Outlet component now supports sending data to leaf routes using … Read it on the web

Using Service Workers with Remix

Tue, 29 Jun 2021 06:08:42 GMT

A Remix app is by default fast, the framework optimize a lot how the required resources for a page are loaded s… Read it on the web

Localizing Remix apps with i18next

Tue, 29 Jun 2021 05:53:24 GMT

There's a lot if libraries to implement i18n in JS and React, and i18next is one of the most popular out ther… Read it on the web

Adding CSRF protection to Remix

Mon, 28 Jun 2021 20:49:49 GMT

While you may not need CSRF if your cookies have the SameSite: Lax configured, it may still be a good idea to … Read it on the web

Load only the data you need in Remix

Fri, 18 Jun 2021 16:45:32 GMT

If you are used to build SPA and your APIs are REST you probably have found the issue with over fetching, t… Read it on the web

Server-Side authentication with Auth0 in Remix

Thu, 17 Jun 2021 23:12:21 GMT

While this works, I recommend you to don't do all of this yourself, instead use Remix Auth with… Read it on the web

Using TailwindCSS with Remix

Thu, 17 Jun 2021 22:13:00 GMT

Let's see how to do the setup of TailwindCSS for a project using Remix. Install Tailwind The first thing we ne… Read it on the web

Use ETags in Remix

Wed, 16 Jun 2021 16:32:36 GMT

ETags are strings used to identify a particular version of a resource. If the URL is the identity of a resource the ETag is t… Read it on the web

Jest Matchers for Remix responses

Tue, 01 Jun 2021 22:44:26 GMT

When testing the logic of an action in Remix, or any function returning a Response, even a Fetch API Response,… Read it on the web

Using Form Objects inside Remix actions

Tue, 01 Jun 2021 05:51:41 GMT

In Remix, each route can export a single action function used to handle any non GET request received b… Read it on the web

Route protection in Remix with Policies

Thu, 27 May 2021 16:12:11 GMT

A Policy is a design pattern used to define authorization rules that can be re-used easily across an app… Read it on the web

Redirect to the original URL inside a Remix action

Thu, 20 May 2021 21:29:16 GMT

Let's say the user is currently at the URL /:username, and there's a button to follow that … Read it on the web

Read search params with JS

Tue, 18 May 2021 16:31:40 GMT

If you need to read the search params (aka query string) from a URL in JS the most common way is to use one of the mu… Read it on the web

Use ActiveModel::Serializer with non ActiveRecord object

Mon, 17 May 2021 20:15:30 GMT

If you are trying to serialize an object which is not an instance of ActiveRecord, when… Read it on the web

Serialize list of items with ActiveModel::Serializer

Mon, 17 May 2021 18:42:02 GMT

Most of the them, when working on Rails with ActiveModel::Serializer you will do something … Read it on the web

Use serializers with JSON.stringify and JSON.parse

Wed, 12 May 2021 23:19:48 GMT

If you are working with an API which expects and returns keys without using camelCase, e.g if… Read it on the web

Force a locale in Rails I18n from the params

Tue, 11 May 2021 05:02:35 GMT

If you want to change the local used for internationalization a single time from the params of the … Read it on the web

Que es un bundler de JS

Fri, 07 May 2021 03:53:50 GMT

Para entender esto es un poco útil que aprendan como funcionaban las dependencias antes, hace mucho tiempo atrás (unos 6… Read it on the web

Remix vs Next.js Comparison

Mon, 26 Apr 2021 05:38:21 GMT

I have been using Next for years, since the v1 was released, I even become an early contributor of the framework and… Read it on the web

Imagining native skip links

Wed, 24 Mar 2021 03:23:23 GMT

Read it on the web

Add missing `created_at` and `updated_at` columns in Rails

Tue, 23 Mar 2021 22:53:31 GMT

Add missing created_at and updated_at columns in Rails If, like me, you forgot to add the t.timestamps when creating a new table, you may … Read it on the web

Rails design patterns - The big picture

Wed, 03 Mar 2021 20:39:25 GMT

Read it on the web

How to rename a column in a Rails migration

Wed, 03 Mar 2021 16:54:48 GMT

If, for some reason, you need to rename a column in a table you need to create a new migration and r… Read it on the web

Before You memo()

Tue, 23 Feb 2021 05:55:44 GMT

Read it on the web

Usar variables de entorno en Next.js

Tue, 23 Feb 2021 05:24:25 GMT

Las variables de entorno nos permiten configurar como un software se ejecuta dependiendo de la computadora … Read it on the web

Implement a Skip Link for Navigation-Heavy Sites

Tue, 16 Feb 2021 07:36:56 GMT

Read it on the web

Meaningful Motion with Action-Driven Animation

Wed, 10 Feb 2021 04:11:33 GMT

Read it on the web

An Interactive Guide to CSS Transitions

Tue, 09 Feb 2021 16:32:13 GMT

Read it on the web

Build your own RSS Reader

Mon, 01 Feb 2021 05:53:03 GMT

RSS is a standard way to use XML to share content from a website so other apps could read it and show it in a differen… Read it on the web

Keep Heading Levels Consistent with React Context

Sun, 31 Jan 2021 22:37:23 GMT

When building for the web one of the most common elements are the heading tags (h1 to h6) … Read it on the web

Preload: What Is It Good For?

Thu, 28 Jan 2021 05:38:53 GMT

Read it on the web

The unreasonable effectiveness of simple HTML

Wed, 27 Jan 2021 21:51:58 GMT

Read it on the web

Open Peeps

Sat, 23 Jan 2021 02:39:12 GMT

Read it on the web

System Design 101

Sun, 17 Jan 2021 21:04:42 GMT

Read it on the web

A primer on investing for designers and developers

Thu, 14 Jan 2021 08:42:05 GMT

Read it on the web

About

Thu, 14 Jan 2021 06:04:53 GMT

A photo of me Hi there! I'm a web developer currently based on Lima, Perú. I'm currently working in Silverback Ventures as the web devel… Read it on the web

In Critical Defense of Frontend Develop

Thu, 14 Jan 2021 01:57:17 GMT

Read it on the web

Be Wary of Nesting Roles

Sun, 03 Jan 2021 20:20:31 GMT

Read it on the web

Accessible SVGs

Wed, 23 Dec 2020 23:42:04 GMT

Read it on the web

¿Qué son Server Components de React y cómo se relacionan con SSR/SSG/ISR?

Wed, 23 Dec 2020 02:42:09 GMT

Ayer el team de React… Read it on the web

🔥 Pro Tip: Name your useEffect functions

Thu, 17 Dec 2020 20:01:10 GMT

When creating an effect in React, avoid arrow function and instead use a function with a name. This wil… Read it on the web

dotCSS 2019 - Sarah Dayan - In Defense of Utility-First CSS

Thu, 10 Dec 2020 00:03:04 GMT

Read it on the web

Alt-texts: The Ultimate Guide

Wed, 09 Dec 2020 21:55:25 GMT

Read it on the web

Polymorphic React Components in TypeScript

Tue, 08 Dec 2020 03:14:30 GMT

Read it on the web

CSS and Scalability

Sun, 06 Dec 2020 06:36:34 GMT

Read it on the web

Using MDX with Remote Content

Mon, 23 Nov 2020 22:25:06 GMT

One of the most common ways to use MDX in a website is to have the .mdx files together with the rest of the webs… Read it on the web

The UI and UX Tips Collection: Volume One.

Mon, 23 Nov 2020 07:07:29 GMT

Read it on the web

Practical React Query

Tue, 17 Nov 2020 00:41:21 GMT

Read it on the web

Use TailwindCSS Typography with Dark Mode Styles

Mon, 16 Nov 2020 06:57:08 GMT

Since TailwindCSS v2 it comes with dark mode support. Enabling it is really simple, in the `tai… Read it on the web

Don't design for mobile

Fri, 13 Nov 2020 18:38:45 GMT

Read it on the web

Stop Using “Drop-down”

Sun, 25 Oct 2020 09:33:07 GMT

Read it on the web

Decoupling, Architecture and Teams

Thu, 22 Oct 2020 05:52:38 GMT

Read it on the web

The Lava Layer Anti-Pattern

Thu, 22 Oct 2020 05:22:53 GMT

Read it on the web

UI as an afterthought

Sun, 18 Oct 2020 00:19:35 GMT

Read it on the web

Todo lo que sé de SWR

Sun, 13 Sep 2020 10:26:26 GMT

Conceptos Básicos Introducción En este artículo muy largo vamos a ver como usar esta librería para trabajar con d… Read it on the web

In 2020, what is "frontend" 🤨

Mon, 07 Sep 2020 19:29:19 GMT

Read it on the web

How React Query gives you almost everything you thought you needed GraphQL for

Mon, 07 Sep 2020 19:00:05 GMT

Read it on the web

Wormhole state management

Mon, 07 Sep 2020 18:40:38 GMT

Read it on the web

Todo el software está roto

Mon, 07 Sep 2020 09:08:37 GMT

Read it on the web

What is the Value of Browser Diversity?

Sun, 06 Sep 2020 08:54:33 GMT

Read it on the web

Margins and Composability in CSS

Fri, 04 Sep 2020 18:24:24 GMT

Read it on the web

Nailing Your First (Info-Product) Launch

Tue, 01 Sep 2020 08:05:54 GMT

Read it on the web

Defining Component APIs in React

Tue, 01 Sep 2020 08:00:21 GMT

Read it on the web

The Modern Front-End Design System Stack

Tue, 01 Sep 2020 07:59:04 GMT

Read it on the web

Building the New facebook.com with React, GraphQL and Relay

Tue, 01 Sep 2020 07:58:25 GMT

Read it on the web

Architecting UIs for Change

Tue, 01 Sep 2020 07:57:14 GMT

Read it on the web

When frontend means full stack

Tue, 01 Sep 2020 07:55:02 GMT

Read it on the web

Building a Button Part 2: Hover Interactions

Wed, 26 Aug 2020 23:53:25 GMT

Read it on the web

Building a Button Part 1: Press Events

Wed, 26 Aug 2020 23:53:18 GMT

Read it on the web

The States of the UI

Tue, 25 Aug 2020 00:32:55 GMT

Let's say you are in charge of building the UI of Twitter, how many states do you think that UI … Read it on the web

About HTML semantics and front-end architecture

Mon, 24 Aug 2020 22:01:49 GMT

Read it on the web

"Semantic" CSS

Mon, 24 Aug 2020 22:01:26 GMT

Read it on the web

CSS Utility Classes and "Separation of Concerns"

Mon, 24 Aug 2020 22:01:17 GMT

Read it on the web

Second-guessing the modern web

Mon, 24 Aug 2020 18:49:39 GMT

Read it on the web

A clean start for the web

Mon, 24 Aug 2020 18:12:58 GMT

Read it on the web

What I Use

Sun, 23 Aug 2020 23:53:18 GMT

This is my current development setup. Tech Stack TypeSc… Read it on the web

Writing Type-Safe Polymorphic React Components (Without Crashing TypeScript)

Sun, 23 Aug 2020 05:18:56 GMT

Read it on the web

Using SwiftUI's Spacer to Create Complex Layouts

Sun, 23 Aug 2020 05:18:55 GMT

Read it on the web

Most tech content is bullshit

Sun, 23 Aug 2020 05:18:55 GMT

Read it on the web

The Art of UI Skeletons

Sun, 23 Aug 2020 05:18:54 GMT

Read it on the web

How to Design a Web Application: Software Architecture 101

Sun, 23 Aug 2020 05:18:54 GMT

Read it on the web

Shared Hook State with SWR

Sun, 23 Aug 2020 05:18:54 GMT

Read it on the web

Testing in the Frontend World

Sun, 23 Aug 2020 05:18:53 GMT

Read it on the web

The Real Dark Web

Sun, 23 Aug 2020 05:18:53 GMT

Read it on the web

The Elements of UI Engineering

Sun, 23 Aug 2020 05:18:52 GMT

Read it on the web

frontend design, react, and a bridge over the great divide

Sun, 23 Aug 2020 05:18:52 GMT

Read it on the web

The Great Divide

Sun, 23 Aug 2020 05:18:51 GMT

Read it on the web

We have a problem with promises

Sun, 23 Aug 2020 05:18:51 GMT

Read it on the web

Taming the asynchronous beast with ES7

Sun, 23 Aug 2020 05:18:51 GMT

Read it on the web

The Fault in Our Tolerance: Accounting for Failures in React

Sun, 23 Aug 2020 05:18:50 GMT

Read it on the web

7 Principles of Rich Web Applications

Sun, 23 Aug 2020 05:18:50 GMT

Read it on the web

🌱 My blog is a digital garden, not a blog

Sun, 23 Aug 2020 05:18:49 GMT

Read it on the web

Shape Up: Stop Running in Circles and Ship Work that Matters

Sun, 23 Aug 2020 05:18:48 GMT

Read it on the web

How the Blog Broke the Web

Sun, 23 Aug 2020 05:18:48 GMT

Read it on the web

Turning the database inside-out with Apache Samza

Sun, 23 Aug 2020 05:18:47 GMT

Read it on the web

Design Systems and Front-End Architecture by Stuart Robson

Sun, 23 Aug 2020 05:18:47 GMT

Read it on the web

How to Section Your HTML

Sun, 23 Aug 2020 05:18:46 GMT

Read it on the web

write on your own website

Sun, 23 Aug 2020 05:18:46 GMT

Read it on the web

Going Indie. Step 2: Reclaiming Content

Sun, 23 Aug 2020 05:18:45 GMT

Read it on the web

Just write

Sun, 23 Aug 2020 05:18:45 GMT

Read it on the web

The Documentation Compendium

Sun, 23 Aug 2020 05:18:44 GMT

Read it on the web

Why Text Buttons Hurt Mobile Usability

Sun, 23 Aug 2020 05:18:44 GMT

Read it on the web

Bulletproof node.js project architecture 🛡️

Sun, 23 Aug 2020 05:18:40 GMT

Read it on the web

The Power of Sensible Defaults

Sun, 23 Aug 2020 05:18:39 GMT

Read it on the web

HTML Reference

Sun, 23 Aug 2020 05:18:39 GMT

Read it on the web

CSS Reference

Sun, 23 Aug 2020 05:18:38 GMT

Read it on the web

The God Login

Sun, 23 Aug 2020 05:18:38 GMT

Read it on the web

Your Body Text Is Too Small

Sun, 23 Aug 2020 05:18:37 GMT

Read it on the web

Architecture as a burden

Sun, 23 Aug 2020 05:18:37 GMT

Read it on the web

The Architecture of Open Source Applications (Volume 2): Scalable Web Architecture and Distributed Systems

Sun, 23 Aug 2020 05:18:37 GMT

Read it on the web

Scaling React Server-Side Rendering

Sun, 23 Aug 2020 05:18:36 GMT

Read it on the web

Refactoring UI

Sun, 23 Aug 2020 05:18:36 GMT

Read it on the web

Cards

Sun, 23 Aug 2020 05:18:35 GMT

Read it on the web

Introducing Grial

Sun, 23 Aug 2020 05:18:35 GMT

Read it on the web

Aplicando estilos a Pulse Editor con styled-components

Sun, 23 Aug 2020 05:18:34 GMT

Read it on the web

Usando socket.io en aplicaciones de Next.js

Sun, 23 Aug 2020 05:18:34 GMT

Read it on the web

Depurando aplicaciones de Node.js v8.0.0

Sun, 23 Aug 2020 05:18:33 GMT

Read it on the web

Personalizando Babel.js en aplicaciones de Next.js

Sun, 23 Aug 2020 05:18:33 GMT

Read it on the web

Creando botones propios para Pulse Editor

Sun, 23 Aug 2020 05:18:32 GMT

Read it on the web

Te presentamos la nueva versión de Node.js

Sun, 23 Aug 2020 05:18:32 GMT

Read it on the web

Creando sitios estáticos con Next.js

Sun, 23 Aug 2020 05:18:32 GMT

Read it on the web

Implementando Pulse Editor

Sun, 23 Aug 2020 05:18:31 GMT

Read it on the web

Aplicación de escritorio Pulse

Sun, 23 Aug 2020 05:18:31 GMT

Read it on the web

Presentamos Pulse Editor

Sun, 23 Aug 2020 05:18:30 GMT

Read it on the web

Crea aplicaciones de escritorio con Electron y Next.js

Sun, 23 Aug 2020 05:18:30 GMT

Read it on the web

Implementa Progressive server-side render con Next.js

Sun, 23 Aug 2020 05:18:30 GMT

Read it on the web

Next.js, el futuro de las aplicaciones con React

Sun, 23 Aug 2020 05:18:29 GMT

Read it on the web

Manejo de dependencias JavaScript con Yarn

Sun, 23 Aug 2020 05:18:29 GMT

Read it on the web

Deploy y orquestación de microservicios con now.sh

Sun, 23 Aug 2020 05:18:28 GMT

Read it on the web

Introducción a JSON Web Tokens (JWT)

Sun, 23 Aug 2020 05:18:28 GMT

Read it on the web

¿Qué es y para qué sirve Babel?

Sun, 23 Aug 2020 05:18:28 GMT

Read it on the web

Desarrollando aplicaciones de escritorio con Electron.js

Sun, 23 Aug 2020 05:18:27 GMT

Read it on the web

¿Qué es una aplicación isomórfica?

Sun, 23 Aug 2020 05:18:27 GMT

Read it on the web

Crea microservicios en Node.js con micro.js

Sun, 23 Aug 2020 05:18:26 GMT

Read it on the web

Usando React.js en el servidor con Django

Sun, 23 Aug 2020 05:18:26 GMT

Read it on the web

Estado inmutable con Redux e Immutable.js

Sun, 23 Aug 2020 05:18:25 GMT

Read it on the web

Componentes de Alto Orden en React.js

Sun, 23 Aug 2020 05:18:24 GMT

Read it on the web

Obteniendo datos en aplicaciones de Redux

Sun, 23 Aug 2020 05:18:24 GMT

Read it on the web

Usando Redux en el servidor con Socket.io

Sun, 23 Aug 2020 05:18:23 GMT

Read it on the web

Creando código modular con ducks de Redux

Sun, 23 Aug 2020 05:18:23 GMT

Read it on the web

Renderizando aplicaciones de Redux en el servidor

Sun, 23 Aug 2020 05:18:23 GMT

Read it on the web

Manejo de errores en Redux.js

Sun, 23 Aug 2020 05:18:22 GMT

Read it on the web

Migrando a Redux

Sun, 23 Aug 2020 05:18:22 GMT

Read it on the web

Ruteo en aplicaciones de Redux y React.js

Sun, 23 Aug 2020 05:18:21 GMT

Read it on the web

Glosario de términos de Redux

Sun, 23 Aug 2020 05:18:21 GMT

Read it on the web

Estructura de archivos Ducks para Redux.js

Sun, 23 Aug 2020 05:18:21 GMT

Read it on the web

Pruebas unitarias en Redux.js

Sun, 23 Aug 2020 05:18:20 GMT

Read it on the web

Acciones asíncronas en Redux.js

Sun, 23 Aug 2020 05:18:20 GMT

Read it on the web

Middlewares en Redux.js

Sun, 23 Aug 2020 05:18:19 GMT

Read it on the web

Como me inicié en el desarrollo web

Tue, 18 Aug 2020 13:04:37 GMT

Corría el año 2002, tenía unos 10 años, un día me pregu… Read it on the web

Why build a non-RESTful API

Sat, 15 Aug 2020 22:49:30 GMT

One of the most common architectural styles to build an HTTP API is… Read it on the web

How I work with static assets in React apps

Thu, 13 Aug 2020 01:43:21 GMT

Most people when working with tools like webpack te… Read it on the web

How shallow: true works in Rails

Tue, 11 Aug 2020 22:55:18 GMT

Learn how to create nested shallow resource routes in Rails Read it on the web

Build an Optimistic UI in React using SWR with useMutation

Thu, 23 Jul 2020 08:17:26 GMT

Use the useMutation hook together with SWR to implement optimistic updates in your React components Read it on the web

Como organizo mis aplicaciones de React

Thu, 16 Jul 2020 05:56:01 GMT

Hay muchas formas de organizar aplicaciones de React, con los años esta es la que más me ha convencido Read it on the web

How I Organize React Applications

Thu, 16 Jul 2020 04:37:52 GMT

There are many ways to organize a React application, with the years this the the one I liked the most Read it on the web

Usa React.Suspense para controlar la carga de imagenes

Wed, 15 Jul 2020 23:07:00 GMT

Aprende como usar React.Suspense para controlar el estado de carga de imágenes. Read it on the web

Data-Aware Components

Wed, 24 Jun 2020 08:02:46 GMT

Normalmente, al crear un app de React, un componente necesita un dato del API, ej. el usuario log… Read it on the web

Collected Notes TS Client

Sat, 20 Jun 2020 03:24:14 GMT

A TypeScript client for the Collected Notes API. TypeScript Support Types for the API returned value Types fo… Read it on the web

Use SWR with Geolocation

Fri, 19 Jun 2020 05:36:42 GMT

Learn how to use SWR with the Geolocation WebAPI to show the user location in a map and keep it up-to-date with any change. Read it on the web

Using Collected Notes as CMS

Sat, 06 Jun 2020 10:21:22 GMT

Now that Collected Notes has an API to get the notes you wrote here it's possible to use it as a CMS (Content Manag… Read it on the web

Sync WebApp Session Status between Tabs with SWR

Fri, 15 May 2020 07:11:20 GMT

Implement a synced session status using SWR to keep the user logged in/out in all the tabs or windows Read it on the web

Sync SWR cache with Web Storage

Fri, 15 May 2020 05:28:17 GMT

Use Web Storage to retain SWR cache between page reloads Read it on the web

Configure Google Suite MX records in Vercel

Tue, 12 May 2020 05:10:09 GMT

Use Google Suite with a domain whose NS records is in Vercel Read it on the web

Report Web Vitals in Next.js

Mon, 11 May 2020 17:49:13 GMT

Measure the performance of our Next.js application with Web Vitals Read it on the web

Use React.Suspense to wait for an image to load

Sat, 09 May 2020 09:13:43 GMT

Learn how to use React.Suspense to handle the loading state of an image. Read it on the web

Purge unused CSS with TailwindCSS

Sat, 09 May 2020 09:05:38 GMT

Learn how to use the built-in purge support of Tailwind to remove unused classes in production. Read it on the web

Setup a redirect inside a project deployed to Vercel

Sat, 09 May 2020 08:37:03 GMT

Learn how you can create a redirect in any project deployed to the Vercel platform. Read it on the web

Use a scoped registry with Yarn

Sat, 09 May 2020 08:23:30 GMT

Learn how you can configure Yarn to use a different registry for scoped packages Read it on the web

Using Immer with SWR to mutate data

Sat, 09 May 2020 02:16:03 GMT

Use Immer to make optimistic UI updates with SWR easier to follow Read it on the web

Render as you Fetch Pattern in React with SWR

Thu, 23 Jan 2020 22:03:45 GMT

Learn how to use the Render as you Fetch pattern with React and SWR. Read it on the web

Prefetching Data in a Next.js Application with SWR

Wed, 22 Jan 2020 17:40:27 GMT

Optimizing the performance of a Next.js using SWR and data prefetching. Read it on the web

What Type of States Could You Find in a Client-Side Application?

Tue, 21 Jan 2020 05:00:00 GMT

Client-Side Applications could have different types of states based on the requirements, let's dig through them and learn their differences. Read it on the web

Using Tailwind with Next.js

Thu, 26 Dec 2019 20:19:09 GMT

Learn how to use Tailwind in a Next.js application. Read it on the web

Using Suspense for Data Fetching Today with SWR

Thu, 21 Nov 2019 14:30:36 GMT

Learn how to use SWR for data fetching with Suspense to handle loading states. Read it on the web

Using Paginated Data with SWR

Wed, 20 Nov 2019 14:30:36 GMT

Learn how to use SWR to build an infinite scrolled paginated data. Read it on the web

Introduction to SWR

Wed, 20 Nov 2019 06:13:30 GMT

Learn how to start using SWR, the ZEIT data fetching library for React applications. Read it on the web

Automatically Publish to npm using GitHub Actions

Tue, 29 Oct 2019 15:49:37 GMT

Create a GitHub Actions workflow to automatically publish new version of a package when creating a new release on GitHub. Read it on the web

Feature Flags in React with Flagged

Sat, 26 Oct 2019 17:45:34 GMT

Use Flagged to detect Feature Flags and render or not a React component Read it on the web

Next.js File Structure

Tue, 27 Aug 2019 22:15:52 GMT

Overview of the file structure I like to use in Next.js projects Read it on the web

Testing in Next.js: Dynamic Imports

Thu, 22 Aug 2019 03:14:16 GMT

Learn how to test components using dynamic imports in a Next.js application. Read it on the web

Redirects in Next.js, the Best Way

Tue, 20 Aug 2019 18:20:48 GMT

Learn how to create redirects when using Next.js in the most efficient way. Read it on the web

Working with Forms in React without libraries

Wed, 19 Jun 2019 20:21:42 GMT

Learn how to work with forms and form elements in React without using another library. Read it on the web

Working with conditions and lists in React

Tue, 18 Jun 2019 17:36:02 GMT

Learn how to conditionally render elements and how to properly work with lists in React. Read it on the web

Introduction to React with the State and Effects hooks

Sat, 15 Jun 2019 20:54:54 GMT

Learn how to start a React project, create your first component and use the State and Effects hooks to implement basic behaviors. Read it on the web

Introducing Contentz

Tue, 23 Apr 2019 02:13:19 GMT

Contentz, a Pure Static Site Generator which let you focus on the content and gives you a highly optimized website. Read it on the web

Career Titles and Levels in Tech

Tue, 09 Apr 2019 21:25:19 GMT

List of possible career paths, titles and level you could find while working as Software Engineer. Read it on the web

Deploy de Contentz a Netlify

Thu, 21 Mar 2019 19:56:31 GMT

Aprende como llevar tu sitio de Contentz a producción usando Netlify. Read it on the web

Contentz es Omakase

Thu, 21 Mar 2019 18:33:05 GMT

Contentz toma decisiones por uno, a cambio nos ofrece un sitio optimizado para un mejor rendimiento y lectura. Read it on the web

Conceptos básicos de JS: Array#forEach

Tue, 12 Mar 2019 17:05:27 GMT

Aprende a usar Array#forEeach, como se implementa a mano y casos de uso prácticos de este método de los array en JavaScript. Read it on the web

Cómo crear y publicar un módulo para npm

Mon, 11 Mar 2019 17:12:50 GMT

Aprende como crear un módulo y publicarlo a npm configurando Prettier, ESLint, pruebas, tipos y más. Read it on the web

Aplicaciones web con Zero Server

Wed, 06 Mar 2019 04:56:18 GMT

Introducción a Zero Server, el framework de desarrollo web con cero configuración. Read it on the web

Presentando Contentz

Tue, 05 Mar 2019 21:03:17 GMT

Contentz, un Pure Static Site Generator para obtener un sitio web super optimizado. Read it on the web

Uso del prop children en React

Tue, 26 Feb 2019 16:42:36 GMT

El prop children tiene significado especial para React, veremos para que sirve y como usarlo en nuestros propios componentes. Read it on the web

Componentes con Hijos Personalizables en React

Tue, 26 Feb 2019 16:35:48 GMT

Para evitar prop drilling y hacer componentes aún más personalizables vamos a ver como usar un prop para cambiar el contenido de un componentes de React. Read it on the web

Composición de Componentes en React

Tue, 26 Feb 2019 16:27:49 GMT

Una de las mejores cosas de React es poder combinar componentes para crear nuevo componentes más complejos Read it on the web

Tipos de datos en React

Tue, 26 Feb 2019 16:14:01 GMT

Hay varias formas de definir que tipos de datos recibe un componente en React, puede ser TypeScript, Flow o PropTypes Read it on the web

Props con valores predefinidos en React

Tue, 26 Feb 2019 16:09:40 GMT

Es muy común querer tener props con valores por defecto en nuestros componentes de React, veremos varias formas de lograr este objetivo. Read it on the web

Componente de React personalizables usando props

Tue, 26 Feb 2019 16:04:00 GMT

Los props nos permiten crear componentes de React que sean personalizables y que nos sirven para muchos más casos Read it on the web

Componentes con React

Tue, 26 Feb 2019 15:58:10 GMT

Los componentes de React son la unidad básica de cualquier aplicación hecha con esta librería, aprende como crear y usar componentes de React Read it on the web

Hola Mundo con React

Tue, 26 Feb 2019 15:58:06 GMT

En este tutorial vamos a ver como crear un Hola Mundo en React sin usar JSX Read it on the web

Cargando React desde un CDN

Tue, 26 Feb 2019 15:57:55 GMT

En este tutorial vamos a ver como crear un Hola Mundo en React sin usar JSX. Read it on the web

Mi Static Site Generator ideal

Mon, 25 Feb 2019 18:09:56 GMT

Un artículo con ideas de como sería mi generador de sitios estáticos ideal Read it on the web

Automatización con Shell Scripts

Sat, 23 Feb 2019 04:41:48 GMT

Aprende a usar Shell Scripts para automatizar tareas, todo con un ejemplo práctico para montar un entorno de trabajo para un proyecto en Node.js Read it on the web

Conceptos básicos de JS: Array#push

Mon, 11 Feb 2019 15:51:40 GMT

Aprende a usar Array#push, como se implementa a mano y casos de uso prácticos de este método de los array en JavaScript. Read it on the web

Conceptos básicos de JS: Array#filter

Fri, 08 Feb 2019 17:36:16 GMT

Aprende a usar Array#filter, como se implementa a mano y casos de uso prácticos de este método de los array en JavaScript. Read it on the web

Conceptos básicos de JS: Array#map

Thu, 07 Feb 2019 05:44:51 GMT

Aprende a usar Array#map, como se implementa a mano y casos de uso prácticos de este método de los array en JavaScript. Read it on the web

Usando Generadores Asíncronos en JavaScript

Wed, 30 Jan 2019 15:00:00 GMT

Tutorial sobre como se pueden usar Generadores Asíncronos de ECMAScript 2018 para realizar colas o paginaciones de un API fácilmente en JavaScript Read it on the web

Carrusel de elementos dinámicos con React.js

Tue, 29 Jan 2019 18:44:19 GMT

Tutorial sobre como implementar un carrusel para elementos de diferentes tamaños usando React.js Read it on the web

Scalable Real-Time Applications

Fri, 11 Jan 2019 05:52:01 GMT

Tips and recommendations to build real-time applications using WebSockets Read it on the web

Aplicaciones Real-Time de Alta Escala

Sun, 06 Jan 2019 07:20:33 GMT

Consejos y recomendaciones para construir aplicaciones en tiempo real usando WebSockets Read it on the web

React v16.6: lazy, memo y más

Wed, 24 Oct 2018 17:32:04 GMT

Aprende a usar los nuevos features de React v16.6, lazy load, memoize, errores, contexto y más Read it on the web

Introducción a MDX

Wed, 09 May 2018 05:03:59 GMT

MDX es un formato de archivos que permite extender Markdown con código JS y JSX (Componentes de React) Read it on the web

Documentation, Lessons Learned

Wed, 17 Jan 2018 21:18:58 GMT

After working on the documentation of the API of ZEIT I want to share some insights I learned from it Read it on the web

Documentación, Lecciones Aprendidas

Wed, 17 Jan 2018 21:18:58 GMT

Después de trabajar en la documentación del API de ZEIT quiero compartir algunas lecciones que aprendí de ello. Read it on the web

¿Cómo mantenerse actualizado con el ecosistema de JavaScript?

Fri, 12 Jan 2018 17:53:42 GMT

Cómo mantenerse actualizado es una pregunta común al comenzar, acá hay una lista de maneras útiles de hacerlo y no morir en el proceso. Read it on the web

Renderizando Markdown en React.js

Sat, 06 Jan 2018 05:43:35 GMT

Crea un parser que transforme Markdown a componentes de React.js Read it on the web

An Accessible Approach to Frontend Testing

Sat, 30 Sep 2017 00:00:00 GMT

Testing is hard. Testing Frontend is harder. But you should do it anyways. Read it on the web

How to keep updated with the JavaScript ecosystem?

Sun, 06 Aug 2017 17:26:03 GMT

How to keep updated is a common questions when starting, here you can find a list of useful ways to do it and not die in the process. Read it on the web

Implementando un Servidor de GraphQL

Fri, 07 Jul 2017 15:42:42 GMT

Explicación paso a paso de como implementar un servidor GraphQL desde cero en Node.js. Read it on the web

Bye Platzi, hi ▲ZEIT

Fri, 07 Jul 2017 04:50:53 GMT

Today I leave my job as Frontend Developer at Platzi to start working as Support Engineer at ▲ZEIT. Read it on the web

Ciclo de vida de un componente de React.js

Thu, 06 Jul 2017 15:31:07 GMT

Repaso por los diferentes métodos del ciclo de vida de un componente de React.js Read it on the web

Mezclando flujos síncronos y asíncronos usando promesas en JavaScript

Fri, 23 Jun 2017 22:39:48 GMT

Manejar flujos de datos síncronos es fácil, con Promises también es fácil hacerlos asíncronos. Ahora veamos como combinarlos. Read it on the web

Introducción a GraphQL

Mon, 29 May 2017 00:42:30 GMT

En 2015 Facebook anunció GraphQL, una tecnología que empezaron a desarrollar y usar internamente en 2012. ¿Pero qué es GraphQL? Read it on the web

Qué son y cómo funcionan las promesas en JavaScript

Mon, 06 Mar 2017 00:00:00 GMT

Manejar flujos de datos asíncronos es complejo, pero con Promesas esto se vuelve mucho más fácil Read it on the web

Sobre el ecosistema y la fatiga de JavaScript

Mon, 10 Oct 2016 14:01:02 GMT

Desde hace ya un tiempo han ido saliendo un montón de artículos sobre JS Fatigue, tantos que hasta hay artículos sobre la fatiga de esta. Read it on the web

Combinando React.js y Redux.js

Mon, 28 Mar 2016 07:18:42 GMT

Redux es especialmente bueno al usarlo con librerías como React ya que facilita usar React solo para la UI y dejar el estado en Redux. Read it on the web

Introducción a Redux.js

Wed, 23 Mar 2016 15:52:14 GMT

Redux es una librería para controlar el estado de nuestras WebApps fácilmente, de forma consistente entre cliente y servidor y una gran DX. Read it on the web

Compilando el Frontend con webpack

Mon, 28 Sep 2015 00:10:28 GMT

Cuando estamos haciendo desarrollo Frontend es una buena práctica separar nuestro código en distintos módulos, tanto el código de JavaScr… Read it on the web

Internacionalización con React.js y FormatJS

Sun, 27 Sep 2015 03:57:35 GMT

Guía de como usar FormatJS para internacionalizar aplicaciones hechas con React.js y poder pluralizar o formatear fechas y números. Read it on the web

Introducción a ECMAScript 2016/7

Fri, 25 Sep 2015 00:00:00 GMT

Desde finales del 2014, incluso antes de que se terminara de definir ECMAScript 6 ya se estaba empezando a trabajar en la siguiente versión… Read it on the web

Mi experiencia como estudiante de los cursos de Platzi

Thu, 10 Sep 2015 00:00:00 GMT

El nacimiento de Platzi Hace más de 5 años me enteré que los dueños de Cristalab y Maestros del Web se iban a juntar para crear Mejorando … Read it on the web

Lo nuevo en React v0.14

Wed, 08 Jul 2015 00:00:00 GMT

React v0.14 es la nueva beta de la librería de Facebook que fue liberada recientemente. Esta primera versión llegará con dos grandes cambio… Read it on the web

Usando ECMAScript 6 en tus tareas de Gulp

Tue, 09 Jun 2015 00:00:00 GMT

Algo muy molesto cuando estás usando ES6 con Babel.js y Gulp.js para automatizar tareas es que el archivo gulpfile.js sigue estando en ES5 … Read it on the web

Usando ECMAScript 6/2015 con Babel

Tue, 09 Jun 2015 00:00:00 GMT

ECMAScript 2015, comunmente conocido como ECMAScript 6 o ES6, es la nueva versión del lenguaje estandarizado ECMAScript del cual sale JavaS… Read it on the web

Buenas prácticas del desarrollo FrontEnd

Mon, 08 Jun 2015 00:00:00 GMT

En el desarrollo FrontEnd con el tiempo han ido surgiendo lo que se conoce como buenas prácticas, cosas que normalmente hacemos porque mejo… Read it on the web

Renderizando React.js en el server con Express.js y react-engine

Mon, 01 Jun 2015 00:00:00 GMT

React.js cada vez es más popular en el mundo del desarrollo web y una de las razones de esto es que permite crear código isomórfico, esto q… Read it on the web

ECMAScript 6: nueva sintaxis y características para JavaScript

Fri, 24 Apr 2015 00:00:00 GMT

title: '' date: 2015-04-24T00:00:00.000Z published: true lang: es canonical_url: … Read it on the web

Cómo usar la etiqueta template en HTML5

Sun, 04 Jan 2015 00:00:00 GMT

Hasta hace unos años, cuando un desarrollador quería hacer templates de sus páginas, la opción era usar algún lenguaje en el Backend como P… Read it on the web

Automatización de tareas de frontend usando Gulp.js

Mon, 22 Dec 2014 00:00:00 GMT

Como desarrollador Frontend, hay ciertas tareas que se terminan volviendo repetitivas durante el desarrollo, como compilar el CSS desde un … Read it on the web

Uso de módulos en JavaScript con ECMAScript 6

Fri, 07 Nov 2014 00:00:00 GMT

JavaScript no tiene (por ahora) un sistema de módulos propio, aunque eso si, la comunidad fue creando varios para suplir esa necesidad. Act… Read it on the web

Escribiendo CSS de la forma correcta

Fri, 31 Oct 2014 00:00:00 GMT

Como desarrollador FrontEnd me encuentro constantemente utilizando CSS. Este lenguaje para dar estilos a páginas web tiende a empezar siend… Read it on the web

Definiendo conceptos - Closure y Scope en JavaScript

Thu, 31 Jul 2014 00:19:09 GMT

Qué es el Scope El scope es el alcance de una variable, puede ser de dos tipos, global y local. Una variable cuyo scope es global se puede… Read it on the web

Ventajas y desventajas de los pre-procesadores de CSS

Tue, 08 Jul 2014 00:00:00 GMT

Usar pre-procesadores de CSS de a poco se convierte un estándar en el mundo del desarrollo web front-end, pero primero empecemos hablando s… Read it on the web

¿Qué es Scrum? ¿Y cómo te ayuda trabajar?

Sun, 06 Jul 2014 00:00:00 GMT

Scrum es una metodología de desarrollo ágil. Scrum propone una forma diferente de organizarse en el desarrollo de un proyecto, tanto en sol… Read it on the web

El módulo Flexbox de CSS3

Sun, 15 Dec 2013 00:00:00 GMT

Flexbox es un módulo de CSS3 que permite crear layouts flexibles de una forma más eficiente controlando la alineación de las cajas, el anch… Read it on the web

JavaScript orientado a objetos

Fri, 23 Aug 2013 00:00:00 GMT

La programación orientada a objetos o POO (OOP en inglés Object Oriented Programming) es una forma de realizar aplicaciones. Javascript por… Read it on the web