I live in Barcelona and love to surf, surfskate, hike, and cook. I'm a Software Engineer at Buffer. On the side, I'm building Palabreja. Here I write about React, TypeScript, and developer experiences.
API keys sitting in plaintext dotfiles are one accidental push away from leaking. 1Password CLI can load them at shell startup with biometric unlock — no more secrets in git history, no more rotating tokens after a bad commit.
Default test reporters print 200+ "PASS" lines nobody reads. In CI and AI agents, that output is pure waste. Detect the environment, pick a minimal reporter, and reclaim your context window.
AI coding tools like Claude Code have inverted software economics. When a prototype takes hours instead of weeks, coordination becomes the bottleneck. How AI-native companies ship faster by building first and planning later.
How I compressed WebRTC signaling from 2,500 bytes to 55 bytes using a custom binary protocol, enabling peer-to-peer connections through QR codes without any signaling server. The complete story of QWBP (QR-WebRTC Bootstrap Protocol).
Bun's auto-install breaks when any node_modules directory exists in parent paths—making skills fail in monorepos and project directories. Deno's npm: specifier provides consistent behavior everywhere, making it the better choice for portable Claude Code skills.
YumML is an open-source recipe format based on YAML that is readable by humans, parseable by machines, and optimized for AI assistants. Learn why existing recipe formats fail and how YumML solves these problems.
Learn how to write Claude Code skills with third-party npm packages and no build step. Using npx bun provides auto-installing dependencies, native TypeScript support, and clean version pinning in imports—the JavaScript equivalent of Python's uv run for self-contained scripts.
granola-cli brings your Granola.ai meeting notes to the command line. Query meetings with Claude Code, grep transcripts, export to JSON/TOON, and pipe action items into your workflows. Built with secure keychain storage and natural language date filtering.
Stop storing API keys in .env files. cross-keychain is a TypeScript library that uses your OS's native credential manager (macOS Keychain, Windows Credential Manager, Linux Secret Service) to store secrets securely. One API, zero plaintext files.
Tired of process.env scattered across your codebase? env-interpolation is a TypeScript library that resolves ${VAR} placeholders in config objects with support for default values and nested resolution. Clean configs, zero dependencies.
Stop asking AI to perform repetitive code changes directly. Instead, have it build a codemod. This technique reduced our migration errors by 95% and cut a 2-day task to 2 hours.
When building a digital project, ensuring your emails land safely and are trusted is paramount. But how do you navigate the maze of email security? Enter DMARC. Alongside its companions, SPF and DKIM, we delve deep into establishing email integrity and combating threats like email spoofing and phishing.
Something that everyone that has been working with JavaScript for a while has done is checking if a variable is undefined. In this article, I explain which are the different ways that you can use for it and the differences between them.
A minimum viable product (MVP) is often linked to the startup world but is a very useful tool in large corporations too. And to succeed with it is important to have engineering teams be completely engaged.
SOLID Principles are a valuable tool to write good object-oriented software. This article tries to put some light on the subject with simple explanations and examples for each principle using TypeScript.
Everyone has experienced how visiting a web site over a slow network connection usually takes ages to load. We are going to explore how to load different media content using the Network Information API.
About how to extract the business logic from the components of a React application using the BLoC pattern from Flutter, the new hooks API, and RxJS observables.
Redux Starter Kit is a toolset to make clean and readable code when working with React and Redux. See an example of how you can refactor an existing application getting all the profit from Redux Starter Kit.