Sergio Xalambrí

Details that make interfaces feel better

Wed, 11 Mar 2026 04:48:41 GMT

https://jakub.kr/writing/details-that-make-interfaces-feel-better

Expand your hit areas

Tue, 10 Mar 2026 23:40:22 GMT

https://bazza.dev/craft/2026/hit-area

Nobody Gets Promoted for Simplicity

Sun, 08 Mar 2026 23:00:29 GMT

https://terriblesoftware.org/2026/03/03/nobody-gets-promoted-for-simplicity/

Why I don't use down migrations

Sun, 08 Mar 2026 22:59:28 GMT

https://freek.dev/2900-why-i-dont-use-down-migrations

How we enabled Content Security Policy for everyone

Sun, 08 Mar 2026 22:58:36 GMT

https://buttondown.com/blog/2026-03-06-how-we-enabled-content-security-policy

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.

Hire managers of one

Thu, 05 Mar 2026 03:29:38 GMT

https://signalvnoise.com/posts/1430-hire-managers-of-one

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.

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.

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

Mon, 23 Feb 2026 04:45:13 GMT

https://www.rivet.dev/blog/2025-02-16-sqlite-on-the-server-is-misunderstood/

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.

The Too Early Breakpoint

Tue, 03 Feb 2026 19:32:28 GMT

https://ishadeed.com/article/too-early-breakpoint/

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

Tue, 03 Feb 2026 19:25:26 GMT

https://pawelgrzybek.com/more-invoker-commands-and-more-reasons-not-to-use-javascript-please/

sergiodxa/agent-skills

Wed, 28 Jan 2026 19:49:17 GMT

https://github.com/sergiodxa/agent-skills

The Incredible Overcomplexity of the Shadcn Radio Button

Tue, 20 Jan 2026 23:15:22 GMT

https://paulmakeswebsites.com/writing/shadcn-radio-button/

Affordances: The Missing Layer in Frontend Architecture

Mon, 22 Dec 2025 19:02:12 GMT

https://fractaledmind.com/2025/12/01/ui-affordances/

Confirmation dialogs with zero JavaScript

Mon, 22 Dec 2025 19:00:05 GMT

https://fractaledmind.com/2025/12/16/turbo-confirm-dialogs-without-javascript/

Stylish dialogs

Mon, 22 Dec 2025 19:00:00 GMT

https://fractaledmind.com/2025/12/18/stylish-dialogs/

Logging Sucks - Your Logs Are Lying To You

Mon, 22 Dec 2025 07:18:06 GMT

https://loggingsucks.com/

Micro-libraries need to die already

Mon, 01 Dec 2025 18:44:47 GMT

https://bvisness.me/microlibraries/

The stacking workflow

Mon, 10 Nov 2025 23:31:21 GMT

https://www.stacking.dev/

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

Wed, 05 Nov 2025 06:35:12 GMT

https://www.youtube.com/watch?v=4KvbVq3Eg5w

Tips for good UI implementation

Tue, 28 Oct 2025 05:37:37 GMT

https://jasonlbeggs.com/blog/tips-for-good-ui-implementation

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.

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.

The Perils of Reactivity

Sat, 11 Oct 2025 02:42:34 GMT

https://outbox.matthewphillips.info/archive/perils-of-reactivity

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.

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.

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

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

Thu, 25 Sep 2025 05:29:42 GMT

https://www.otherbranch.com/shared/blog/no-you-dont-want-to-hire-the-best-engineers

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

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

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.

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

Prefer Gaps To Margins

Wed, 25 Jun 2025 21:07:19 GMT

https://kyleshevlin.com/prefer-gaps-to-margins/

Syntax Highlighting code snippets with Prism and the Custom Highlight API

Fri, 20 Jun 2025 20:28:22 GMT

https://www.bram.us/2024/02/18/custom-highlight-api-for-syntax-highlighting/

Resilient Import Maps - Better Theme Development and Beyond

Tue, 03 Jun 2025 05:56:11 GMT

https://shopify.engineering/resilient-import-maps

Toasts are Bad UX

Thu, 22 May 2025 23:15:45 GMT

https://maxschmitt.me/posts/toasts-bad-ux

The XY Problem

Sun, 18 May 2025 17:46:46 GMT

https://xyproblem.info/

Don't ask to ask, just ask

Sun, 18 May 2025 17:46:41 GMT

https://dontasktoask.com/

no hello

Sun, 18 May 2025 17:46:36 GMT

https://nohello.net/en/

never just

Sun, 18 May 2025 17:46:26 GMT

https://www.neverjust.net/

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.

JSX Over The Wire

Sun, 20 Apr 2025 04:42:19 GMT

https://overreacted.io/jsx-over-the-wire/

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

Mon, 14 Apr 2025 16:42:12 GMT

https://philcalcado.com/2015/09/18/the_back_end_for_front_end_pattern_bff.html

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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?

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.

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

Wed, 05 Mar 2025 18:37:55 GMT

https://programmingarehard.com/2025/01/13/maybe-dont-navigate-1.html/

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

Show a 404 in React Router

Sun, 02 Mar 2025 10:11:07 GMT

Class methods are Ruby’s useEffect

Fri, 28 Feb 2025 05:36:42 GMT

https://www.campsite.com/blog/class-methods-are-rubys-useeffect

What I learned at Campsite

Fri, 28 Feb 2025 04:37:14 GMT

https://danphilibin.com/what-i-learned-at-campsite

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

Download a file from a React Router route

Mon, 24 Feb 2025 06:15:30 GMT

How I Stay Sane Implementing Stripe

Mon, 24 Feb 2025 05:08:30 GMT

https://github.com/t3dotgg/stripe-recommendations

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

Mon, 24 Feb 2025 05:07:30 GMT

https://world.hey.com/jorge/code-i-like-iii-good-concerns-5a1b391c

Domain driven boldness

Mon, 24 Feb 2025 05:05:53 GMT

https://dev.37signals.com/domain-driven-boldness/

Good concerns

Mon, 24 Feb 2025 05:05:44 GMT

https://dev.37signals.com/good-concerns/

Vanilla Rails is plenty

Mon, 24 Feb 2025 05:05:30 GMT

https://dev.37signals.com/vanilla-rails-is-plenty/

Active Record, nice and blended

Mon, 24 Feb 2025 05:05:25 GMT

https://dev.37signals.com/active-record-nice-and-blended/

Globals, callbacks and other sacrileges

Mon, 24 Feb 2025 05:05:19 GMT

https://dev.37signals.com/globals-callbacks-and-other-sacrileges/

Use Bullet to Detect N+1 Queries in Rails

Sat, 08 Feb 2025 22:30:12 GMT

Use Pandoc to convert a Markdown to a PDF and ePUB

Fri, 07 Feb 2025 19:32:44 GMT

Load Dynamic Stylesheets in React Router

Mon, 03 Feb 2025 05:02:01 GMT

Split routes config in React Router

Wed, 15 Jan 2025 05:36:05 GMT

Configure the tracking branch in Git

Tue, 14 Jan 2025 22:45:32 GMT

Reuse route modules in React Router

Mon, 13 Jan 2025 18:12:37 GMT

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

Fri, 03 Jan 2025 20:27:48 GMT

https://michellelim.dev/writing/stop-using-frontend-backend/

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.

You Can't Not Have a Framework

Fri, 13 Dec 2024 21:19:40 GMT

https://ryanflorence.com/blog/you-cant-not-have-a-framework.html

This doesn't warrant a blog post

Wed, 27 Nov 2024 04:23:38 GMT

https://aaronfrancis.com/2024/this-doesnt-warrant-a-blog-post-40142b06

Because I wanted to

Mon, 18 Nov 2024 17:48:44 GMT

https://aaronfrancis.com/2024/because-i-wanted-to-12c5137c

Making Web Component good enough

Mon, 30 Sep 2024 23:44:50 GMT

https://r3.sergiodxa.com/articles/making-web-component-good-enough

Layered Architectures with Laravel

Fri, 27 Sep 2024 01:43:22 GMT

https://martinjoo.dev/layered-architectures-with-laravel

Don't Sleep on AbortController

Wed, 18 Sep 2024 13:57:07 GMT

https://kettanaito.com/blog/dont-sleep-on-abort-controller

Stub a method in a class with Minitest

Mon, 02 Sep 2024 17:49:10 GMT

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.

Building a Proper REST API

Wed, 14 Aug 2024 18:54:04 GMT

https://alexkondov.com/full-stack-tao-proper-rest-api/

How I would do auth

Sun, 14 Jul 2024 09:34:37 GMT

https://pilcrowonpaper.com/blog/how-i-would-do-auth/

Simplify Component Imports with TypeScript Namespaces

Wed, 10 Jul 2024 21:34:33 GMT

Card Stack

Tue, 02 Jul 2024 23:36:58 GMT

https://www.abjt.dev/lab/card-stack

Counterscale and the New Self-Hosted

Thu, 27 Jun 2024 03:45:18 GMT

https://benv.ca/blog/posts/counterscale-and-the-new-self-hosted

On Frontend vs Backend

Wed, 19 Jun 2024 09:06:58 GMT

https://r3.sergiodxa.com/articles/on-frontend-vs-backend

Validate Form in Remix with clientAction

Tue, 18 Jun 2024 06:26:14 GMT

Generate Cloudflare environment type with wrangler

Tue, 18 Jun 2024 06:10:40 GMT

Configure scoped private packages in Bun

Tue, 18 Jun 2024 06:05:06 GMT

When to use Route Modal in React Router

Sun, 16 Jun 2024 06:30:40 GMT

https://r3.sergiodxa.com/articles/when-to-use-route-modal-in-react-router

Deconstructing the Monolith: Designing Software that Maximizes Developer Productivity

Wed, 05 Jun 2024 06:32:20 GMT

https://shopify.engineering/deconstructing-monolith-designing-software-maximizes-developer-productivity

Ultimate guide to multi-tenant SaaS data modeling

Thu, 30 May 2024 23:34:27 GMT

https://www.flightcontrol.dev/blog/ultimate-guide-to-multi-tenant-saas-data-modeling

Migrating from Radix to React Aria: Improving Accessibility and UX

Wed, 29 May 2024 02:57:16 GMT

https://argos-ci.com/blog/react-aria-migration

Creating a pointer-friendly submenu experience

Fri, 03 May 2024 20:42:54 GMT

https://react-spectrum.adobe.com/blog/creating-a-pointer-friendly-submenu-experience.html

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

Fri, 03 May 2024 19:31:43 GMT

https://height.app/blog/guide-to-build-context-menus

Building future facing frontend architectures

Wed, 24 Apr 2024 22:52:58 GMT

https://frontendmastery.com/posts/building-future-facing-frontend-architectures/

Navigating the future of frontend

Mon, 15 Apr 2024 23:44:43 GMT

https://frontendmastery.com/posts/navigating-the-future-of-frontend/

Use package.json#bin to create a CLI

Tue, 26 Mar 2024 22:01:17 GMT

Margin considered harmful

Tue, 26 Mar 2024 15:17:50 GMT

https://mxstbr.com/thoughts/margin/

In Loving Memory of Square Checkbox

Mon, 18 Mar 2024 18:36:56 GMT

https://tonsky.me/blog/checkbox/

Access location.state in Remix loaders and actions

Wed, 13 Mar 2024 22:39:02 GMT

The Copenhagen Book

Sun, 10 Mar 2024 04:25:01 GMT

https://thecopenhagenbook.com/

Add i18n to a Remix Vite app

Fri, 08 Mar 2024 00:39:07 GMT

Documenting Architecture Decisions

Sat, 02 Mar 2024 07:40:30 GMT

https://cognitect.com/blog/2011/11/15/documenting-architecture-decisions

Autoload the correct Node version with NVM

Fri, 01 Mar 2024 17:12:49 GMT

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

Build a simple login and logout with Remix

Tue, 13 Feb 2024 05:57:59 GMT

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.

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.

Handle not found URLs with Remix

Sat, 10 Feb 2024 04:07:57 GMT

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.

Add dynamic canonical URL to Remix routes

Sun, 04 Feb 2024 05:38:01 GMT

Parallelized Decision Making

Sat, 03 Feb 2024 05:27:57 GMT

https://arkwright.github.io/parallelized-decision-making.html

Add custom attributes to Markdoc code fences

Sat, 03 Feb 2024 05:12:14 GMT

@markdoc/markdoc@0.4.0

Enable Remix ~/ aliased imports in Vitest

Fri, 02 Feb 2024 00:09:44 GMT

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

Create a CRUD with Remix

Thu, 25 Jan 2024 05:04:07 GMT

I miss RSS

Tue, 23 Jan 2024 08:46:20 GMT

https://www.learnwithjason.dev/blog/i-miss-rss/

RSC is React Server + Component | bobae kang

Tue, 23 Jan 2024 02:33:58 GMT

https://bobaekang.com/blog/rsc-is-react-server-plus-component/

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.

Call an action from a loader in Remix

Mon, 22 Jan 2024 05:57:32 GMT

Use React Portal in Remix

Mon, 22 Jan 2024 05:48:48 GMT

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.

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

Sun, 21 Jan 2024 11:11:00 GMT

https://www.youtube.com/watch?v=cPwsNEkScoQ

Remix Movies: build a movie browser with Remix - YouTube

Sun, 21 Jan 2024 11:09:30 GMT

https://www.youtube.com/playlist?list=PLXoynULbYuEApkwAGZ7U7LmL-BDHloB0l

Trellix: build a Trello clone using Remix - YouTube

Sun, 21 Jan 2024 11:09:22 GMT

https://www.youtube.com/playlist?list=PLXoynULbYuED9b2k5LS44v9TQjfXifwNu

Defer a Fetch response in Remix

Fri, 19 Jan 2024 23:39:03 GMT

Use a CDN for your static assets in Remix

Fri, 19 Jan 2024 23:32:26 GMT

Get the absolute URL in Remix's MetaFunction

Fri, 19 Jan 2024 23:26:21 GMT

Build an app with Remix and Bun

Fri, 19 Jan 2024 22:36:30 GMT

Designing better target sizes

Fri, 19 Jan 2024 04:22:05 GMT

https://ishadeed.com/article/target-size/

Find and remove unused code with Knip

Thu, 18 Jan 2024 22:24:28 GMT

Create multiple top-level layouts in Remix

Wed, 17 Jan 2024 00:15:29 GMT

Kind of annoyed at React

Mon, 15 Jan 2024 03:07:39 GMT

https://blog.cassidoo.co/post/annoyed-at-react/

Increasingly miffed about the state of React releases

Thu, 11 Jan 2024 04:03:05 GMT

https://macwright.com/2024/01/03/miffed-about-react

The Website vs. Web App Dichotomy Does Not Exist

Thu, 11 Jan 2024 03:33:18 GMT

https://jakelazaroff.com/words/the-website-vs-web-app-dichotomy-doesnt-exist/

Test meta tags using Playwright

Wed, 10 Jan 2024 22:47:06 GMT

gilest.org: Make the indie web easier

Wed, 10 Jan 2024 00:32:59 GMT

https://gilest.org/indie-easy.html

Why Fetch Promise Does Not Reject on Error Responses

Mon, 08 Jan 2024 17:15:34 GMT

https://kettanaito.com/blog/why-fetch-promise-doesnt-reject-on-error-responses

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

Mon, 01 Jan 2024 09:22:16 GMT

https://blog.jim-nielsen.com/2022/well-known-links-resource/

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

Mon, 01 Jan 2024 09:21:47 GMT

https://blog.jim-nielsen.com/2022/other-peoples-websites/

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

Mon, 01 Jan 2024 09:17:52 GMT

https://blog.jim-nielsen.com/2022/browser-level-color-scheme-preference/

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

Mon, 01 Jan 2024 09:10:52 GMT

https://blog.jim-nielsen.com/2023/well-known-avatar/

React Aria

Thu, 28 Dec 2023 16:37:20 GMT

https://react-spectrum.adobe.com/react-aria/

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

Wed, 27 Dec 2023 00:36:38 GMT

https://www.epicweb.dev/stop-lying-to-your-users

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…

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…

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 …

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.

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…

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…

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 …

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…

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…

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…

Challenging Established Norms: Making Component Fetching the Exception

Mon, 04 Sep 2023 02:16:42 GMT

https://jjenzz.com/making-component-fetching-the-exception/

Be the browser’s mentor, not its micromanager

Thu, 31 Aug 2023 04:55:09 GMT

https://buildexcellentwebsit.es/

The ideal viewport doesn’t exist

Thu, 31 Aug 2023 04:54:24 GMT

https://viewports.fyi/

My thoughts on open-source

Tue, 22 Aug 2023 17:18:39 GMT

https://alemtuzlak.hashnode.dev/my-thoughts-on-open-source

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…

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…

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 …

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…

Social RSS

Tue, 04 Jul 2023 10:19:16 GMT

https://chriscoyier.net/2023/07/01/social-rss/

The fediverse and the indieweb

Tue, 04 Jul 2023 04:22:44 GMT

https://werd.io/2022/the-fediverse-and-the-indieweb

Blogging as DRY

Sun, 02 Jul 2023 07:47:23 GMT

https://seirdy.one/notes/2022/11/20/blogging-as-dry/

Everything You Can Test In Your Laravel Application

Sun, 02 Jul 2023 02:11:29 GMT

https://christoph-rumpel.com/2023/3/everything-you-can-test-in-your-laravel-application

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

Sun, 02 Jul 2023 02:03:18 GMT

https://reactflow.dev/blog/asking-for-money-for-open-source/

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

Sun, 02 Jul 2023 02:03:00 GMT

https://vadimdemedes.com/posts/dont-make-me-think-or-why-i-switched-to-rails-from-javascript-spas

Generating income from open source

Sun, 18 Jun 2023 23:11:38 GMT

https://vadimdemedes.com/posts/generating-income-from-open-source

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.

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…

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 …

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…

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()` …

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…

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.

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…

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.

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…

Customize Remix AppLoadContext type

Thu, 16 Mar 2023 21:17:58 GMT

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

Thu, 16 Mar 2023 12:31:32 GMT

https://molily.de/javascript-criticism/

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 …

Fast and maintainable patterns for fetching from a database

Tue, 14 Feb 2023 18:43:58 GMT

https://sophiebits.com/2020/01/01/fast-maintainable-db-patterns.html

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…

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…

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…

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…

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 …

A Theory of Web Relativity

Fri, 30 Dec 2022 04:53:10 GMT

https://www.htmhell.dev/adventcalendar/2022/21/

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.

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…

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…

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.

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…

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…

Streaming: is it worth it?

Thu, 20 Oct 2022 20:30:47 GMT

https://www.builder.io/blog/streaming-is-it-worth-it

Prioritise content over components

Wed, 19 Oct 2022 16:57:23 GMT

https://www.simeongriggs.dev/components-considered-harmful-for-content

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…

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…

Overcoming Popular Issues With React Projects

Tue, 11 Oct 2022 18:33:38 GMT

https://dinosaurs-with-jetpacks.com/posts/react-problems

💿 remix simplifies things

Sun, 02 Oct 2022 04:51:03 GMT

https://bradgarropy.com/blog/remix-simplifies-things

Progressively enhance for a more resilient web

Sat, 01 Oct 2022 03:08:48 GMT

https://jjenzz.com/progressively-enhance-for-a-more-resilient-web

Get in Zoomer, We're Saving React

Mon, 26 Sep 2022 21:56:38 GMT

https://acko.net/blog/get-in-zoomer-we-re-saving-react/

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…

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.

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…

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…

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 …

What if your Index Page was Smart?

Mon, 05 Sep 2022 18:30:26 GMT

https://www.swyx.io/smart-indexes

Building websites for Safari Reader Mode and other reading apps

Mon, 05 Sep 2022 17:54:42 GMT

https://medium.com/@mandy.michael/building-websites-for-safari-reader-mode-and-other-reading-apps-1562913c86c9

How to Section Your HTML

Fri, 02 Sep 2022 15:54:14 GMT

https://css-tricks.com/how-to-section-your-html/

Block Links: The Search for a Perfect Solution

Wed, 10 Aug 2022 21:16:20 GMT

https://css-tricks.com/block-links-the-search-for-a-perfect-solution/

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…

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…

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…

Debug your server-side Remix code using VSCode

Thu, 23 Jun 2022 14:21:00 GMT

https://gist.github.com/kiliman/a9d7c874af03369a1d105a92560d89e9

RSS

Sun, 12 Jun 2022 05:38:43 GMT

https://chriscoyier.net/2022/04/29/rss-3/

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…

Device-Agnostic

Mon, 30 May 2022 04:15:02 GMT

https://trentwalton.com/2014/03/10/device-agnostic/

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…

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…

Using rel=preload for responsive images

Thu, 05 May 2022 17:40:33 GMT

https://www.bronco.co.uk/our-ideas/using-relpreload-for-responsive-images/

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…

How to avoid layout shifts caused by web fonts

Fri, 25 Mar 2022 00:47:26 GMT

https://simonhearne.com/2021/layout-shifts-webfonts/

“Guys, we’re doing pagination wrong…”

Fri, 18 Mar 2022 03:25:47 GMT

https://hackernoon.com/guys-were-doing-pagination-wrong-f6c18a91b232

Why Remix doesn’t infer types from loaders for useLoaderData

Sat, 26 Feb 2022 04:50:11 GMT

https://github.com/remix-run/remix/pull/1254#issuecomment-1034475233

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…

Survivorship Bias in Web Performance

Fri, 25 Feb 2022 00:17:56 GMT

https://simonhearne.com/2022/survorship-bias-in-webperf/

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…

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 …

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…

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

Sun, 20 Feb 2022 18:46:22 GMT

https://benadam.me/thoughts/react-svg-sprites

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…

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…

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…

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…

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 …

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…

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(…

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…

Live validation is problematic

Wed, 08 Dec 2021 04:14:19 GMT

https://adamsilver.io/blog/live-validation-is-problematic/

Stop building client-side forms

Wed, 08 Dec 2021 03:55:41 GMT

https://blog.vararu.org/stop-building-client-side-forms

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…

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…

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.…

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…

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…

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.

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…

Why Decentralization Isn't as Important as You Think

Thu, 28 Oct 2021 03:07:08 GMT

https://haseebq.com/why-decentralization-isnt-as-important-as-you-think/

When You Stop Counting

Thu, 28 Oct 2021 03:06:36 GMT

https://www.getrevue.co/profile/swyx/issues/swyx-io-when-you-stop-counting-794799

Why I Quit Google to Work for Myself

Mon, 27 Sep 2021 06:36:54 GMT

https://mtlynch.io/why-i-quit-google/

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. …

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

Wed, 22 Sep 2021 01:26:26 GMT

https://max.engineer/server-informed-ui

Why You Should Never Use MongoDB

Tue, 21 Sep 2021 05:51:06 GMT

http://www.sarahmei.com/blog/2013/11/11/why-you-should-never-use-mongodb/

A Case For Use Cases

Fri, 10 Sep 2021 16:46:33 GMT

https://webuild.envato.com/blog/a-case-for-use-cases/

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…

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…

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…

People read on the web

Sat, 28 Aug 2021 03:47:50 GMT

https://uxmyths.com/post/647473628/myth-people-read-on-the-web

Why we use progressive enhancement to build GOV.UK

Mon, 16 Aug 2021 00:23:56 GMT

https://technology.blog.gov.uk/2016/09/19/why-we-use-progressive-enhancement-to-build-gov-uk/

Building a resilient frontend using progressive enhancement

Sun, 15 Aug 2021 18:50:24 GMT

https://www.gov.uk/service-manual/technology/using-progressive-enhancement

I Want To Confirm a Prompt That We Stay Alert

Sun, 15 Aug 2021 18:09:52 GMT

https://blog.jim-nielsen.com/2021/confirm-a-prompt-we-stay-alert/

Browsers and Representation

Sun, 15 Aug 2021 18:00:36 GMT

https://blog.jim-nielsen.com/2021/browsers-and-representation/

Google vs. the web

Sun, 15 Aug 2021 17:53:58 GMT

https://gomakethings.com/google-vs.-the-web/

Back to the Bad Old Days of the Web

Sun, 15 Aug 2021 17:34:57 GMT

https://jarango.com/2021/07/02/back-to-the-bad-old-days-of-the-web/

The Mythical Document Web

Sun, 15 Aug 2021 17:28:39 GMT

https://www.milezero.org/index.php/tech/web/the_mythical_document_web.html

Breaking the web forward

Sun, 15 Aug 2021 17:28:11 GMT

https://www.quirksmode.org/blog/archives/2021/08/breaking_the_we.html

Back to the Future with RSS

Thu, 12 Aug 2021 18:28:42 GMT

https://ncase.me/rss/

Client-Side Architecture Basics

Wed, 11 Aug 2021 06:11:36 GMT

https://khalilstemmler.com/articles/client-side-architecture/introduction/

Organizing App Logic with the Clean Architecture

Wed, 11 Aug 2021 04:23:15 GMT

https://khalilstemmler.com/articles/software-design-architecture/organizing-app-logic/

Implementing DTOs, Mappers and the Repository Pattern

Wed, 11 Aug 2021 03:14:51 GMT

https://khalilstemmler.com/articles/typescript-domain-driven-design/repository-dto-mapper/

Screaming Architecture

Wed, 11 Aug 2021 02:46:05 GMT

https://blog.cleancoder.com/uncle-bob/2011/09/30/Screaming-Architecture.html

Better Software Design with Application Layer Use Cases

Wed, 11 Aug 2021 02:37:14 GMT

https://khalilstemmler.com/articles/enterprise-typescript-nodejs/application-layer-use-cases/

Anemic Domain Model

Wed, 11 Aug 2021 01:41:46 GMT

https://khalilstemmler.com/wiki/anemic-domain-model/

Value Objects - DDD w/ TypeScript

Wed, 11 Aug 2021 01:38:39 GMT

https://khalilstemmler.com/articles/typescript-value-object/

iOS 15, Humane

Tue, 10 Aug 2021 06:43:16 GMT

https://potential.app/ios-15-humane

Don't overabstract your components

Fri, 16 Jul 2021 05:17:34 GMT

https://kirjai.com/component-abstraction/

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…

Meta Theme Color and Trickery

Tue, 13 Jul 2021 17:35:19 GMT

https://css-tricks.com/meta-theme-color-and-trickery/

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 …

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…

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…

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 …

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…

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…

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…

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…

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,…

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…

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…

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 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…

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…

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 …

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…

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 …

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…

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…

Imagining native skip links

Wed, 24 Mar 2021 03:23:23 GMT

https://kittygiraudel.com/2021/03/07/imagining-native-skip-links/

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 …

Rails design patterns - The big picture

Wed, 03 Mar 2021 20:39:25 GMT

https://longliveruby.com/articles/rails-design-patterns-the-big-picture

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…

Before You memo()

Tue, 23 Feb 2021 05:55:44 GMT

https://overreacted.io/before-you-memo/

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 …

Implement a Skip Link for Navigation-Heavy Sites

Tue, 16 Feb 2021 07:36:56 GMT

https://www.benmyers.dev/blog/skip-links/

Meaningful Motion with Action-Driven Animation

Wed, 10 Feb 2021 04:11:33 GMT

https://tobiasahlin.com/blog/meaningful-motion-w-action-driven-animation/

An Interactive Guide to CSS Transitions

Tue, 09 Feb 2021 16:32:13 GMT

https://www.joshwcomeau.com/animation/css-transitions/

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…

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) …

Preload: What Is It Good For?

Thu, 28 Jan 2021 05:38:53 GMT

https://www.smashingmagazine.com/2016/02/preload-what-is-it-good-for/

The unreasonable effectiveness of simple HTML

Wed, 27 Jan 2021 21:51:58 GMT

https://shkspr.mobi/blog/2021/01/the-unreasonable-effectiveness-of-simple-html/

Open Peeps

Sat, 23 Jan 2021 02:39:12 GMT

https://www.openpeeps.com/

System Design 101

Sun, 17 Jan 2021 21:04:42 GMT

https://stanete.com/system-design-101

A primer on investing for designers and developers

Thu, 14 Jan 2021 08:42:05 GMT

https://brianlovin.com/overthought/investing-for-designers-and-developers

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…

In Critical Defense of Frontend Develop

Thu, 14 Jan 2021 01:57:17 GMT

https://meiert.com/en/blog/critical-frontend-development/

Be Wary of Nesting Roles

Sun, 03 Jan 2021 20:20:31 GMT

https://adrianroselli.com/2016/12/be-wary-of-nesting-roles.html

Accessible SVGs

Wed, 23 Dec 2020 23:42:04 GMT

https://css-tricks.com/accessible-svgs/

¿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…

🔥 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…

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

Thu, 10 Dec 2020 00:03:04 GMT

https://youtu.be/R50q4NES6Iw

Alt-texts: The Ultimate Guide

Wed, 09 Dec 2020 21:55:25 GMT

https://axesslab.com/alt-texts/

Polymorphic React Components in TypeScript

Tue, 08 Dec 2020 03:14:30 GMT

https://www.benmvp.com/blog/polymorphic-react-components-typescript/

CSS and Scalability

Sun, 06 Dec 2020 06:36:34 GMT

http://mrmrs.io/writing/2016/03/24/scalable-css/

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…

The UI and UX Tips Collection: Volume One.

Mon, 23 Nov 2020 07:07:29 GMT

https://marcandrew.me/ui-ux-tips-collection-vol-one/

Practical React Query

Tue, 17 Nov 2020 00:41:21 GMT

https://tkdodo.eu/blog/practical-react-query

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…

Don't design for mobile

Fri, 13 Nov 2020 18:38:45 GMT

https://mattanddesign.com/dont-design-for-mobile/

Stop Using “Drop-down”

Sun, 25 Oct 2020 09:33:07 GMT

https://adrianroselli.com/2020/03/stop-using-drop-down.html

Decoupling, Architecture and Teams

Thu, 22 Oct 2020 05:52:38 GMT

http://mikehadlow.blogspot.com/2018/11/decoupling-architecture-and-teams.html

The Lava Layer Anti-Pattern

Thu, 22 Oct 2020 05:22:53 GMT

http://mikehadlow.blogspot.com/2014/12/the-lava-layer-anti-pattern.html

UI as an afterthought

Sun, 18 Oct 2020 00:19:35 GMT

https://michel.codes/blogs/ui-as-an-afterthought

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…

In 2020, what is "frontend" 🤨

Mon, 07 Sep 2020 19:29:19 GMT

https://swizec.com/blog/in-2020-what-is-frontend/

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

Mon, 07 Sep 2020 19:00:05 GMT

https://swizec.com/blog/how-react-query-gives-you-almost-everything-you-thought-you-needed-graphql-for/

Wormhole state management

Mon, 07 Sep 2020 18:40:38 GMT

https://swizec.com/blog/wormhole-state-management/

Todo el software está roto

Mon, 07 Sep 2020 09:08:37 GMT

https://youtu.be/0riSpvps4mA

What is the Value of Browser Diversity?

Sun, 06 Sep 2020 08:54:33 GMT

https://daverupert.com/2020/09/the-value-of-browser-diversity/

Margins and Composability in CSS

Fri, 04 Sep 2020 18:24:24 GMT

https://giuseppegurgone.com/margins-and-composability-in-css/

Nailing Your First (Info-Product) Launch

Tue, 01 Sep 2020 08:05:54 GMT

https://microconf.gen.co/adam-wathan/

Defining Component APIs in React

Tue, 01 Sep 2020 08:00:21 GMT

https://jxnblk.com/blog/defining-component-apis-in-react/

The Modern Front-End Design System Stack

Tue, 01 Sep 2020 07:59:04 GMT

https://jxnblk.com/blog/the-modern-front-end-design-system/

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

Tue, 01 Sep 2020 07:58:25 GMT

https://developers.facebook.com/videos/2019/building-the-new-facebookcom-with-react-graphql-and-relay/

Architecting UIs for Change

Tue, 01 Sep 2020 07:57:14 GMT

https://joreteg.com/blog/architecting-uis-for-change

When frontend means full stack

Tue, 01 Sep 2020 07:55:02 GMT

https://increment.com/frontend/when-frontend-means-full-stack/

Building a Button Part 2: Hover Interactions

Wed, 26 Aug 2020 23:53:25 GMT

https://react-spectrum.adobe.com/blog/building-a-button-part-2.html

Building a Button Part 1: Press Events

Wed, 26 Aug 2020 23:53:18 GMT

https://react-spectrum.adobe.com/blog/building-a-button-part-1.html

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 …

About HTML semantics and front-end architecture

Mon, 24 Aug 2020 22:01:49 GMT

http://nicolasgallagher.com/about-html-semantics-front-end-architecture/

"Semantic" CSS

Mon, 24 Aug 2020 22:01:26 GMT

https://adamwathan.me/2014/11/10/semantic-css/

CSS Utility Classes and "Separation of Concerns"

Mon, 24 Aug 2020 22:01:17 GMT

https://adamwathan.me/css-utility-classes-and-separation-of-concerns/

Second-guessing the modern web

Mon, 24 Aug 2020 18:49:39 GMT

https://macwright.com/2020/05/10/spa-fatigue.html

A clean start for the web

Mon, 24 Aug 2020 18:12:58 GMT

https://macwright.com/2020/08/22/clean-starts-for-the-web.html

What I Use

Sun, 23 Aug 2020 23:53:18 GMT

This is my current development setup. Tech Stack TypeSc…

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

Sun, 23 Aug 2020 05:18:56 GMT

https://blog.andrewbran.ch/polymorphic-react-components/

Using SwiftUI's Spacer to Create Complex Layouts

Sun, 23 Aug 2020 05:18:55 GMT

https://benmcmahen.com/using-spacer-in-swiftui/

Most tech content is bullshit

Sun, 23 Aug 2020 05:18:55 GMT

https://www.aleksandra.codes/tech-content-consumer

The Art of UI Skeletons

Sun, 23 Aug 2020 05:18:54 GMT

http://farmdev.com/thoughts/108/the-art-of-ui-skeletons/

How to Design a Web Application: Software Architecture 101

Sun, 23 Aug 2020 05:18:54 GMT

https://dev.to/educative/how-to-design-a-web-application-software-architecture-101-188b

Shared Hook State with SWR

Sun, 23 Aug 2020 05:18:54 GMT

https://paco.im/blog/shared-hook-state-with-swr

Testing in the Frontend World

Sun, 23 Aug 2020 05:18:53 GMT

https://www.youtube.com/watch?v=sOMAMtOBiA8

The Real Dark Web

Sun, 23 Aug 2020 05:18:53 GMT

https://www.sonniesedge.net/posts/real-dark-web/

The Elements of UI Engineering

Sun, 23 Aug 2020 05:18:52 GMT

https://overreacted.io/the-elements-of-ui-engineering/

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

Sun, 23 Aug 2020 05:18:52 GMT

http://bradfrost.com/blog/post/frontend-design-react-and-a-bridge-over-the-great-divide/

The Great Divide

Sun, 23 Aug 2020 05:18:51 GMT

https://css-tricks.com/the-great-divide/

We have a problem with promises

Sun, 23 Aug 2020 05:18:51 GMT

https://pouchdb.com/2015/05/18/we-have-a-problem-with-promises.html

Taming the asynchronous beast with ES7

Sun, 23 Aug 2020 05:18:51 GMT

https://pouchdb.com/2015/03/05/taming-the-async-beast-with-es7.html

The Fault in Our Tolerance: Accounting for Failures in React

Sun, 23 Aug 2020 05:18:50 GMT

https://aweary.dev/fault-tolerance-react/

7 Principles of Rich Web Applications

Sun, 23 Aug 2020 05:18:50 GMT

https://rauchg.com/2014/7-principles-of-rich-web-applications/

🌱 My blog is a digital garden, not a blog

Sun, 23 Aug 2020 05:18:49 GMT

https://joelhooks.com/digital-garden

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

Sun, 23 Aug 2020 05:18:48 GMT

https://basecamp.com/shapeup

How the Blog Broke the Web

Sun, 23 Aug 2020 05:18:48 GMT

https://stackingthebricks.com/how-blogs-broke-the-web/

Turning the database inside-out with Apache Samza

Sun, 23 Aug 2020 05:18:47 GMT

https://www.confluent.io/blog/turning-the-database-inside-out-with-apache-samza/

Design Systems and Front-End Architecture by Stuart Robson

Sun, 23 Aug 2020 05:18:47 GMT

https://noti.st/sturobson/yc1gwN/design-systems-and-front-end-architecture#saPZSRV

How to Section Your HTML

Sun, 23 Aug 2020 05:18:46 GMT

https://css-tricks.com/how-to-section-your-html/

write on your own website

Sun, 23 Aug 2020 05:18:46 GMT

https://bradfrost.com/blog/post/write-on-your-own-website/

Going Indie. Step 2: Reclaiming Content

Sun, 23 Aug 2020 05:18:45 GMT

https://matthiasott.com/articles/going-indie-reclaiming-content

Just write

Sun, 23 Aug 2020 05:18:45 GMT

https://www.sarasoueidan.com/desk/just-write/

The Documentation Compendium

Sun, 23 Aug 2020 05:18:44 GMT

https://github.com/kylelobo/The-Documentation-Compendium

Why Text Buttons Hurt Mobile Usability

Sun, 23 Aug 2020 05:18:44 GMT

https://uxmovement.com/mobile/why-text-buttons-hurt-mobile-usability/

Bulletproof node.js project architecture 🛡️

Sun, 23 Aug 2020 05:18:40 GMT

https://softwareontheroad.com/ideal-nodejs-project-structure/

The Power of Sensible Defaults

Sun, 23 Aug 2020 05:18:39 GMT

https://stevebennett.co/2017/07/24/the-power-of-sensible-defaults/

HTML Reference

Sun, 23 Aug 2020 05:18:39 GMT

https://htmlreference.io/

CSS Reference

Sun, 23 Aug 2020 05:18:38 GMT

https://cssreference.io/

The God Login

Sun, 23 Aug 2020 05:18:38 GMT

https://blog.codinghorror.com/the-god-login/

Your Body Text Is Too Small

Sun, 23 Aug 2020 05:18:37 GMT

https://blog.marvelapp.com/body-text-small/

Architecture as a burden

Sun, 23 Aug 2020 05:18:37 GMT

https://dev.to/schreiber_chris/architecture-as-a-burden-18ca

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

Sun, 23 Aug 2020 05:18:37 GMT

https://www.aosabook.org/en/distsys.html

Scaling React Server-Side Rendering

Sun, 23 Aug 2020 05:18:36 GMT

https://arkwright.github.io/scaling-react-server-side-rendering.html

Refactoring UI

Sun, 23 Aug 2020 05:18:36 GMT

https://refactoringui.com/

Cards

Sun, 23 Aug 2020 05:18:35 GMT

https://inclusive-components.design/cards/

Introducing Grial

Sun, 23 Aug 2020 05:18:35 GMT

https://medium.com/@sergiodxa/introducing-grial-js-6c414d6dc947

Aplicando estilos a Pulse Editor con styled-components

Sun, 23 Aug 2020 05:18:34 GMT

https://platzi.com/blog/aplicando-estilos-a-pulse-editor-con-styled-components/

Usando socket.io en aplicaciones de Next.js

Sun, 23 Aug 2020 05:18:34 GMT

https://platzi.com/blog/usando-socketio-en-aplicaciones-de-nextjs/

Depurando aplicaciones de Node.js v8.0.0

Sun, 23 Aug 2020 05:18:33 GMT

https://platzi.com/blog/depurando-aplicaciones-de-nodejs-v800/

Personalizando Babel.js en aplicaciones de Next.js

Sun, 23 Aug 2020 05:18:33 GMT

https://platzi.com/blog/personalizando-babeljs-en-aplicaciones-de-nextjs/

Creando botones propios para Pulse Editor

Sun, 23 Aug 2020 05:18:32 GMT

https://platzi.com/blog/creando-botones-propios-para-pulse-editor/

Te presentamos la nueva versión de Node.js

Sun, 23 Aug 2020 05:18:32 GMT

https://platzi.com/blog/nueva-version-nodejs-npm/

Creando sitios estáticos con Next.js

Sun, 23 Aug 2020 05:18:32 GMT

https://platzi.com/blog/creando-sitios-estaticos-con-nextjs/

Implementando Pulse Editor

Sun, 23 Aug 2020 05:18:31 GMT

https://platzi.com/blog/implementando-pulse-editor/

Aplicación de escritorio Pulse

Sun, 23 Aug 2020 05:18:31 GMT

https://platzi.com/blog/aplicacion-de-escritorio-pulse/

Presentamos Pulse Editor

Sun, 23 Aug 2020 05:18:30 GMT

https://platzi.com/blog/presentamos-pulse-editor/

Crea aplicaciones de escritorio con Electron y Next.js

Sun, 23 Aug 2020 05:18:30 GMT

https://platzi.com/blog/crea-aplicaciones-de-escritorio-con-electron-y-nextjs/

Implementa Progressive server-side render con Next.js

Sun, 23 Aug 2020 05:18:30 GMT

https://platzi.com/blog/progressive-server-side-render/

Next.js, el futuro de las aplicaciones con React

Sun, 23 Aug 2020 05:18:29 GMT

https://platzi.com/blog/nextjs-el-futuro-de-las-aplicaciones-con-react/

Manejo de dependencias JavaScript con Yarn

Sun, 23 Aug 2020 05:18:29 GMT

https://platzi.com/blog/manejo-de-dependencias-javascript-con-yarn/

Deploy y orquestación de microservicios con now.sh

Sun, 23 Aug 2020 05:18:28 GMT

https://platzi.com/blog/deploy-microservicios/

Introducción a JSON Web Tokens (JWT)

Sun, 23 Aug 2020 05:18:28 GMT

https://platzi.com/blog/introduccion-json-web-tokens/

¿Qué es y para qué sirve Babel?

Sun, 23 Aug 2020 05:18:28 GMT

https://platzi.com/blog/que-es-babel/

Desarrollando aplicaciones de escritorio con Electron.js

Sun, 23 Aug 2020 05:18:27 GMT

https://platzi.com/blog/aplicaciones-escritorio-electron-js/

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

Sun, 23 Aug 2020 05:18:27 GMT

https://platzi.com/blog/aplicaciones-isomorficas/

Crea microservicios en Node.js con micro.js

Sun, 23 Aug 2020 05:18:26 GMT

https://platzi.com/blog/microservicios-en-node-con-micro/

Usando React.js en el servidor con Django

Sun, 23 Aug 2020 05:18:26 GMT

https://platzi.com/blog/react-js-en-servidor-con-django/

Estado inmutable con Redux e Immutable.js

Sun, 23 Aug 2020 05:18:25 GMT

https://medium.com/react-redux/estado-inmutable-con-redux-e-immutable-js-5a3d69ef0451

Componentes de Alto Orden en React.js

Sun, 23 Aug 2020 05:18:24 GMT

https://medium.com/react-redux/react-componentes-alto-orden-2498211e933f

Obteniendo datos en aplicaciones de Redux

Sun, 23 Aug 2020 05:18:24 GMT

https://medium.com/react-redux/obteniendo-datos-en-aplicaciones-de-redux-1007e8703521

Usando Redux en el servidor con Socket.io

Sun, 23 Aug 2020 05:18:23 GMT

https://medium.com/react-redux/wip-usando-redux-en-el-servidor-con-socket-io-61e31242e366

Creando código modular con ducks de Redux

Sun, 23 Aug 2020 05:18:23 GMT

https://medium.com/react-redux/creando-c%C3%B3digo-modular-con-ducks-de-redux-bfd7b67ff8c0

Renderizando aplicaciones de Redux en el servidor

Sun, 23 Aug 2020 05:18:23 GMT

https://medium.com/react-redux/server-render-react-redux-1f6cb0b557c9

Manejo de errores en Redux.js

Sun, 23 Aug 2020 05:18:22 GMT

https://medium.com/react-redux/manejo-de-errores-en-redux-js-adf9dfa0129b

Migrando a Redux

Sun, 23 Aug 2020 05:18:22 GMT

https://medium.com/react-redux/migrando-a-redux-f7a15457a805

Ruteo en aplicaciones de Redux y React.js

Sun, 23 Aug 2020 05:18:21 GMT

https://medium.com/react-redux/ruteo-en-aplicaciones-de-redux-y-react-js-d62de452bf1b

Glosario de términos de Redux

Sun, 23 Aug 2020 05:18:21 GMT

https://medium.com/react-redux/glosario-de-t%C3%A9rminos-de-redux-c2bca005ca69

Estructura de archivos Ducks para Redux.js

Sun, 23 Aug 2020 05:18:21 GMT

https://medium.com/react-redux/estructura-de-archivos-ducks-para-redux-js-36bb56a70cb3

Pruebas unitarias en Redux.js

Sun, 23 Aug 2020 05:18:20 GMT

https://medium.com/react-redux/pruebas-unitarias-en-redux-js-d7285c013123

Acciones asíncronas en Redux.js

Sun, 23 Aug 2020 05:18:20 GMT

https://medium.com/react-redux/acciones-as%C3%ADncronas-en-redux-js-d06e2514c4b8

Middlewares en Redux.js

Sun, 23 Aug 2020 05:18:19 GMT

https://medium.com/react-redux/middlewares-en-redux-js-88081fcd6c91

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…

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…

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…

How shallow: true works in Rails

Tue, 11 Aug 2020 22:55:18 GMT

Learn how to create nested shallow resource routes in Rails

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

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

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

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.

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…

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…

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.

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…

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

Sync SWR cache with Web Storage

Fri, 15 May 2020 05:28:17 GMT

Use Web Storage to retain SWR cache between page reloads

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

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

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.

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.

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.

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

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

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.

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.

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.

Using Tailwind with Next.js

Thu, 26 Dec 2019 20:19:09 GMT

Learn how to use Tailwind in a Next.js application.

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.

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.

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.

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.

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

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

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

Presentando Contentz

Tue, 05 Mar 2019 21:03:17 GMT

Contentz, un Pure Static Site Generator para obtener un sitio web super optimizado.

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.

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.

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

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

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.

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

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

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

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.

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

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

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.

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.

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.

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

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

Scalable Real-Time Applications

Fri, 11 Jan 2019 05:52:01 GMT

Tips and recommendations to build real-time applications using WebSockets

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

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

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)

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

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.

¿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.

Renderizando Markdown en React.js

Sat, 06 Jan 2018 05:43:35 GMT

Crea un parser que transforme Markdown a componentes de React.js

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.

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.

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.

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.

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

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.

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?

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

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.

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.

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.

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…

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.

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…

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 …

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…

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 …

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…

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…

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…

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: …

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…

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 …

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…

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…

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…

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…

¿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…

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…

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…