Open in app

Sign In

Write

Sign In

Héctor Sosa
Héctor Sosa

41 Followers

Home

About

Jan 26

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 make sense? Welcome to a new series on basic React Components that are built with TypeScript and TailwindCSS from the ground up. …

React

5 min read

Understanding Buttons and Links from Zero
Understanding Buttons and Links from Zero
React

5 min read


Jan 6

Understanding Suspense with Next 13

Before even talking about Suspense we need to know that the most important addition in React 18 is concurrency. In computer science, Concurrency is the ability to deal with lots of things at once, which is not the same as doing lots of things at once (as parallelism is). How…

React

4 min read

React

4 min read


Nov 16, 2022

Shipping Zero JavaScript with Astro

Astro is an all-in-one web framework designed for building content-focused websites. With this approach in mind, it delivers an incredible developer experience to build server-first, intuitive to use, flexible and fully-featured websites. …

Astro

2 min read

Shipping Zero JavaScript with Astro
Shipping Zero JavaScript with Astro
Astro

2 min read


Oct 25, 2022

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 useState? Let's explore that possibility by using Day.js with CSS Grid, TailwindCSS, React and TypeScript. Here's what each of these are bringing to the table today: Day.js — a tiny and fast…

CSS

6 min read

Build a Tiny Calendar without Flex or useState
Build a Tiny Calendar without Flex or useState
CSS

6 min read


Oct 17, 2022

tRPC: Understanding Typesafety

Typesafety is the extent to which a programming language prevents type errors. The process of verifying and enforcing the constraints of types may occur at compile time or at run-time. A programming language like TypeScript checks a program for errors before execution (at compile time) as a static type checker…

Nextjs

5 min read

tRPC: Understanding Typesafety
tRPC: Understanding Typesafety
Nextjs

5 min read


Oct 5, 2022

CSS Grid — Explicit vs Implicit Grid

What can you do with Grid? You can choose how to size row and column tracks or have them react to the size of the content. Direct children of the grid container will be automatically placed onto this grid, or place the items in the precise location that you want. Lines and areas on the grid…

CSS

3 min read

CSS Grid — Explicit vs Implicit Grid
CSS Grid — Explicit vs Implicit Grid
CSS

3 min read


Sep 30, 2022

Mapping request paths using Next.js

Rewrites allow you to map a request path to a different destination as a URL proxy (masking the destination path, without changing the User’s location at all). In contrast, redirects will reroute you to a new page fully disclosing the destination URL. Both of them are async functions that return…

Nextjs

2 min read

Mapping request paths using Next.js
Mapping request paths using Next.js
Nextjs

2 min read


Sep 22, 2022

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, issues, repositories and more directly from your command line. gh is available via Homebrew by running the command brew install gh. You are working in one of your projects, where you…

Github

2 min read

Learn the Basics — GitHub’s CLI
Learn the Basics — GitHub’s CLI
Github

2 min read


Sep 18, 2022

No-brainer Dark Mode for Next.js

TIL: @pacocoursey next-themes. I've been pretty happy using @tailwindCSS and letting the system render the right theme for the user, but if you do want to add UI controls. Give this no-brainer a shot, here's how I did mine. Set the provider and attribute to display the active theme as…

Nextjs

1 min read

No-brainer Dark Mode for Next.js
No-brainer Dark Mode for Next.js
Nextjs

1 min read


Published in Dev Genius

·Apr 19, 2022

Introduction to APIs

Application Programming Interfaces (APIs) are constructs made available in programming languages to allow developers to create complex functionality with ease. They abstract more complex code away from you, providing some easier syntax to use in its place. — “It will always be easier to use APIs and write higher-level code (such as JavaScript or Python), rather than trying to directly write low level code (as C or C++) to directly achieve your intended functionality.”

API

7 min read

Introduction to APIs
Introduction to APIs
API

7 min read

Héctor Sosa

Héctor Sosa

41 Followers

From 🇭🇳 https://hectorsosa.me

Following
  • Floris Koot

    Floris Koot

  • Barack Obama

    Barack Obama

  • Daniel Peralta

    Daniel Peralta

  • Jordan Gross

    Jordan Gross

  • Alex Tan

    Alex Tan

See all (32)

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Text to speech