Hector Sosa articles - 27 total
Caching Shiki for Faster Build Times
Introduction Shiki is arguably the most popular syntax highlighter out there. It uses the...
An invitation to OSS Contributors for Screenshot
Screenshot is an open-source tool that provides users with granular controls to frame their...
Building React Hooks - Copy to Clipboard
How many times have you seen out there in the wild the need to copy to the clipboard? Whether it's a...
Understanding Buttons and Links from Zero
How can we build from scratch buttons and links that are easy to use, typesafe and modular that just...
Understanding Suspense with Next 13
Before even talking about Suspense we need to know that the most important addition in React 18 is...
Shipping Zero JavaScript with Astro
Astro is an all-in-one web framework designed for building content-focused websites. With this...
Build a Tiny Calendar without Flex or useState
Is it possible to build a fully functional calendar component under 7 kB without using CSS Flex or...
tRPC: Understanding Typesafety
Typesafety is the extent to which a programming language prevents type errors. The process of...
CSS Grid - Explicit vs Implicit Grid
Grid is a two-dimensional layout system for the web. It excels at combining the control that explicit...
Mapping request paths using Next.js
Inside your Next.js application, your next.config.js file is a regular Node module used by the server...
Learn the Basics - GitHub's CLI
GitHub CLI, or gh, is a free and open source tool that enables you to use GitHub's pull requests,...
No-brainer Dark Mode for Next.js
TIL: @pacocoursey next-themes. I've been pretty happy using @tailwindCSS and letting the system...
Understanding State Management Solutions
As your application grows, it helps to be more intentional about how your state is organized and how...
Understanding How to Access Google APIs
Google has an extensive library of APIs that developers can use to build powerful integrations for...
Managing Markdown content doesn't have to be hard!
I've created this project starter that uses MDX to power your Next.js content only using...
Why you need to start using Intersection Observer
The Intersection Observer API provides a way to asynchronously observe changes in the intersection of...
Quick and Easy Authentication with Supabase
Supabase is an open source Firebase alternative that provides all of your backend services for your...
How to Create a Slack Bot
Slack applications have full access to its platform. It's really the best way to go if you want to...
Beginner's Guide in Testing APIs
Previously in Beginner's Guide to Working with APIs we learned how to work with API using different...
Using Notion as your Database
Notion is easily one of the most influential productivity tools introduced over the last few years....
Beginner's Guide to Working with APIs
Previously in Introduction to APIs we discussed how APIs are constructs made available in programming...
Introduction to APIs
Application Programming Interfaces (APIs) are constructs made available in programming languages to...
How I Deploy my Projects in 2022
The more I develop, the more I realize that it is critical to have a nice, easy and sustainable...
How to use a Development Server
Why do you need a development server? Long story, short. Development servers are used to...
Be better than the If Statement
Decisions, decisions! Regardless of your programming language of choice, your code needs...
Understanding Rest Client for Visual Studio Code
Hypertext Transfer Protocol The web servers and the browsers communicate with each other...
Understanding Jest
You cannot completely neglect one essential area of software development: automated testing. There...