Archive - Relatable Code

The next transition of the web?

Checkingout Kent C. Dodd's article on the web's next transition and building an interactive coding experience with React

Oct 24, 2022 •

Diego Ballesteros

Exploring the Intl API and more React rendering info!

The Intl API just became easier to understand and diving in depth on the future of react rendering

Oct 17, 2022 •

Diego Ballesteros

How does React re-render work?

This week we check out an article of how React re-render works and understanding Critical CSS

Oct 10, 2022 •

Diego Ballesteros

Checking out the framework that is used on on 80% of the web

Looking at the Web Almanac's data on library usage and taking a glance at the Typescript 4.9 Beta

Oct 3, 2022 •

Diego Ballesteros

September 2022

Creating a Guided Tour in React and looking a free Typescript course

Guided tours are awesome for giving a user a brief summary on how to use an application, React Joyride simplifies this process

Sep 26, 2022 •

Diego Ballesteros

Checking out Deno's Web framework -- Fresh

Big update for another fullstack web framework and Adobe acquires Figma

Sep 19, 2022 •

Diego Ballesteros

How to quickly get document your project and an easy way to add animations

Let's check out Docusaurus (a great documenting product) and useAnimations a simple but effective micro-animation library

Sep 13, 2022 •

Diego Ballesteros

August 2022

A Bun in the Oven - looking in the new JavaScript Runtime and understanding React re-renders

Looking at Bun the new JavaScript runtime and what it may imply in the future also a neat look into why React re-renders

Aug 29, 2022 •

Diego Ballesteros

June 2022

Checklist for usability testing and identifying common ARIA patterns

Usability testing is an often understated part of your application, luckily its progressed leaps and bounds.

Jun 20, 2022 •

Diego Ballesteros

Redwood, the fullstack React framework and checking out Tailwind's new version

Redwood released a few months ago, it is a fully featured fullstack React framework. Tailwind, my CSS framework of choice, recently released a new…

Jun 13, 2022 •

Diego Ballesteros

An attack on NPM? And explaining exactly what is Edge computing

Let's go over a recent update with NPM where it underwent an attack campaign with stolen OAUTH tokens and going over edge computing.

Jun 3, 2022 •

Diego Ballesteros

May 2022

NextJS to add nested routes and the state of CSS in 2022

Vercel recently released the RFC for nested routes in NextJS. The team at web.dev published a thorough article on the state of CSS in 2022.

May 27, 2022 •

Diego Ballesteros

#nojs-banner { position: fixed; bottom: 0; left: 0; padding: 16px 16px 16px 32px; width: 100%; box-sizing: border-box; background: red; color: white; font-family: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; line-height: 13px; } #nojs-banner a { color: inherit; text-decoration: underline; } This site requires JavaScript to run correctly. Please turn on JavaScript or unblock scripts