Lessons Learned

What I'm reading and learning from books, articles, and other.

Don't Sleep on AbortController
Learned at September 18, 2024
JavaScript
React project files and directories names convention
Learned at September 17, 2024
React
DX
Preact or Svelte? An Embedded Widget Use Case
Learned at September 12, 2024
DX
Svelte
Preact
Modern Data-Fetching in React
Learned at September 12, 2024
React
React and FormData
Learned at September 12, 2024
React
Leaving Neovim for Zed
Learned at August 19, 2024
DX
Common Sense Refactoring of a Messy React Component
Learned at August 09, 2024
React
Storing Vercel's AI SDK chat messages in a Turso database
Learned at August 08, 2024
NextJS
AI
Frontend Security Checklist
Learned at August 08, 2024
Frontend
Security
DX
The Guardian Recommendations
Learned at July 31, 2024
Code
DX
Publishing dual module ESM libraries
Learned at July 15, 2024
JavaScript
Sneaky React Memory Leaks II: Closures Vs. React Query
Learned at June 06, 2024
React
React Query
Introducing CloudFront Hosting Toolkit
Learned at June 05, 2024
DevOps
AWS
From Vim to Zed
Learned at May 29, 2024
DX
VIM
Advice if you want to learn vim in 2024
Learned at May 16, 2024
VIM
DX
The Forensics Of React Server Components (RSCs)
Learned at May 10, 2024
React
SSR
How we redesigned the Linear UI (part Ⅱ)
Learned at April 22, 2024
Design
The Best Way to Write React Forms
Learned at April 17, 2024
React
NextJS
forms
Next.js Forms with Server Actions
Learned at April 10, 2024
React
SSR
NextJS
We Rewrote our React App in Svelte in Three Weeks
Learned at April 04, 2024
React
Svelte
Migrate Next.js app away from "Vercel + PlanetScale" to "Fly.io"
Learned at March 29, 2024
NextJS
Preventing "double" borders in CSS
Learned at December 22, 2023
CSS
How to build a SaaS in a weekend
Learned at December 19, 2023
SaaS
I replaced npm, yarn and nvm with pnpm
Learned at December 08, 2023
JavaScript
Package Manager
NPM
Getting started with CSS container queries
Learned at November 23, 2023
CSS
The radiating programmer - The right ceremony can save you from the wrong one
Learned at November 21, 2023
DX
Developer Experience
How to Use Two GitHub Accounts on a Macbook the Right Way
Learned at November 20, 2023
Git
A Comprehensive Guide to Mock Service Worker (MSW)
Learned at November 13, 2023
Testing
Frontend
MSW
Where to host your Remix app in 2023
Learned at November 01, 2023
Remix
React
Create a custom local eslint rule
Learned at October 26, 2023
ESLint
Unit Testing Your Auth0 Protected React Application
Learned at October 25, 2023
React
tests
Svelte By Example
Learned at October 24, 2023
Svelte
13 tips for better Pull Requests and Code Review
Learned at October 20, 2023
Engineering
Developer Experience
CSS Findings From Photoshop Web Version
Learned at October 17, 2023
CSS
What Are React Server Components (RSCs) and How Are They Different?
Learned at October 11, 2023
React
Testes de integração com Nestjs, Jest, Supertest, Prisma e Testcontainers
Learned at October 06, 2023
Testing
NestJS
How to communicate like a GitHub engineer: our principles, practices, and tools
Learned at October 06, 2023
Engineering
Reddit Adopts Server-Driven UI for Its New Feed Architecture across Mobile Apps
Learned at September 29, 2023
Architecture & Design
Case Study: Rebuilding TechCrunch layout with modern CSS
Learned at September 01, 2023
CSS
Things you forgot (or never knew) because of React
Learned at August 09, 2023
React
Partially Controlled Components: A Declarative Design Pattern in React
Learned at August 09, 2023
React
A Comprehensive Vue 2 to Vue 3 Migration Guide
Learned at August 07, 2023
VueJS
Vue
Enforce Best Practices Incrementally
Learned at August 02, 2023
DX
A Practical Use-Case of Render Functions in Vue
Learned at July 22, 2023
Vue
Fresh Work 80/15/5
Learned at July 21, 2023
Career
Demystifying React Server Components with NextJS 13 App Router
Learned at July 20, 2023
React
RSC
SvelteJS: My ecosystem is bigger than yours
Learned at July 20, 2023
Svelte
Dica de carreira: crie um brag document
Learned at July 18, 2023
Career
Learn CSS Grids with illustrations
Learned at July 18, 2023
CSS
A Guide to Handling Errors in Preact
Learned at July 17, 2023
Preact
CSS Findings From The Threads App
Learned at July 13, 2023
CSS
Reducing Complexity in Front End Development
Learned at July 01, 2023
frontend
Remeda A utility library for JavaScript and TypeScript
Learned at July 01, 2023
TypeScript
Developer experience: What is it and why should you care?
Learned at July 01, 2023
Developer Experience
Future CSS: State Container Queries
Learned at June 29, 2023
CSS
Career Ladders
Learned at June 29, 2023
Career
How Platform Engineering Works
Learned at June 29, 2023
Engineering
Arrange-Act-Assert: A pattern for writing good tests
Learned at June 27, 2023
Testing
Building a full-stack, fully type-safe pnpm monorepo with NestJS, NextJS & tRPC
Learned at June 27, 2023
NestJS
NextJS
tRPC
A 10 Minute Formula for Better 1:1s
Learned at June 16, 2023
Tech Culture
Meet Safari for spatial computing
Learned at June 08, 2023
Safari
Por que você deveria usar NeoVim para programar
Learned at June 02, 2023
Editor
RSC From Scratch. Part 1: Server Components
Learned at June 02, 2023
React
How I (do) Code Review
Learned at June 01, 2023
Code Review
Component Party - Compare frontend components implementation
Learned at May 31, 2023
React
Vue
Angular
frontend
How to Avoid Mocking in React Router v6 Tests
Learned at May 31, 2023
React
Testing
Practice React by fixing tests - Check your JSX knowledge!
Learned at May 31, 2023
React
Testing
Ark - A versatile component library for every framework
Learned at May 30, 2023
JavaScript
UI
Python Ipdb Cheatsheet
Learned at May 30, 2023
python
debug
ipdb
SmolCSS - Minimal snippets for modern CSS layouts
Learned at May 30, 2023
CSS
NextJS fix error Invariant: static generation store missing in revalidateTag
Learned at May 30, 2023
NextJS
EruptionJS - A ViteJS boilerplate
Learned at May 30, 2023
boilerplate
react
Arquitetura de Software: Características Arquiteturais
Learned at May 30, 2023
architecture
Building a scalable pull request review process
Learned at May 30, 2023
gitflow
Pretty TypeScript Errors
Learned at May 30, 2023
VSCode
typeScript
A Gentle Introduction to Islands
Learned at May 30, 2023
architecture
frontend
Your Jest tests might be wrong
Learned at May 29, 2023
Jest
test
Conditional CSS
Learned at May 29, 2023
CSS

Lessons Learned

Don't Sleep on AbortController

React project files and directories names convention

Preact or Svelte? An Embedded Widget Use Case

Modern Data-Fetching in React

React and FormData

Leaving Neovim for Zed

Common Sense Refactoring of a Messy React Component

Storing Vercel's AI SDK chat messages in a Turso database

Frontend Security Checklist

The Guardian Recommendations

Publishing dual module ESM libraries

Sneaky React Memory Leaks II: Closures Vs. React Query

Introducing CloudFront Hosting Toolkit

From Vim to Zed

Advice if you want to learn vim in 2024

The Forensics Of React Server Components (RSCs)

How we redesigned the Linear UI (part Ⅱ)

The Best Way to Write React Forms

Next.js Forms with Server Actions

We Rewrote our React App in Svelte in Three Weeks

Migrate Next.js app away from "Vercel + PlanetScale" to "Fly.io"

Preventing "double" borders in CSS

How to build a SaaS in a weekend

I replaced npm, yarn and nvm with pnpm

Getting started with CSS container queries

The radiating programmer - The right ceremony can save you from the wrong one

How to Use Two GitHub Accounts on a Macbook the Right Way

A Comprehensive Guide to Mock Service Worker (MSW)

Where to host your Remix app in 2023

Create a custom local eslint rule

Unit Testing Your Auth0 Protected React Application

Svelte By Example

13 tips for better Pull Requests and Code Review

CSS Findings From Photoshop Web Version

What Are React Server Components (RSCs) and How Are They Different?

Testes de integração com Nestjs, Jest, Supertest, Prisma e Testcontainers

How to communicate like a GitHub engineer: our principles, practices, and tools

Reddit Adopts Server-Driven UI for Its New Feed Architecture across Mobile Apps

Case Study: Rebuilding TechCrunch layout with modern CSS

Things you forgot (or never knew) because of React

Partially Controlled Components: A Declarative Design Pattern in React

A Comprehensive Vue 2 to Vue 3 Migration Guide

Enforce Best Practices Incrementally

A Practical Use-Case of Render Functions in Vue

Fresh Work 80/15/5

Demystifying React Server Components with NextJS 13 App Router

SvelteJS: My ecosystem is bigger than yours

Dica de carreira: crie um brag document

Learn CSS Grids with illustrations

A Guide to Handling Errors in Preact

CSS Findings From The Threads App

Reducing Complexity in Front End Development

Remeda A utility library for JavaScript and TypeScript

Developer experience: What is it and why should you care?

Future CSS: State Container Queries

Career Ladders

How Platform Engineering Works

Arrange-Act-Assert: A pattern for writing good tests

Building a full-stack, fully type-safe pnpm monorepo with NestJS, NextJS & tRPC

A 10 Minute Formula for Better 1:1s

Meet Safari for spatial computing

Por que você deveria usar NeoVim para programar

RSC From Scratch. Part 1: Server Components

How I (do) Code Review

Component Party - Compare frontend components implementation

How to Avoid Mocking in React Router v6 Tests

Practice React by fixing tests - Check your JSX knowledge!

Ark - A versatile component library for every framework

Python Ipdb Cheatsheet

SmolCSS - Minimal snippets for modern CSS layouts

NextJS fix error Invariant: static generation store missing in revalidateTag

EruptionJS - A ViteJS boilerplate

Arquitetura de Software: Características Arquiteturais

Building a scalable pull request review process

Pretty TypeScript Errors

A Gentle Introduction to Islands

Your Jest tests might be wrong

Conditional CSS