Typically, when integrating emails into websites, I obfuscate the email address to prevent spam bots from collecting them. For React, there were already components that handled this task; however, without React, I couldn't find a suitable solution. Therefore, I created a web component: obfuscate-wc that now provides an HTML element capable of obfuscating your email
Tao of React - Software Design, Architecture & Best Practices
I’ve been working with React since 2016 and still there isn’t a single best practice when it comes to application structure and design. While there are best…
The Perils of Hydration: Understanding how Gatsby/Next manage server-side rendering and hydration
A surprisingly-common misconception can lead to big rendering issues that are difficult to debug. This deep-dive tutorial examines how React and Gatsby can be used to pre-render content, and how we can work around the constraints to build dynamic, personalized web apps.
I used to teach React at a local coding bootcamp, and I noticed that students kept getting tripped up by the same handful of things. In this article, we're going to go through 9 of the most dastardly gotchas. I'll show you how to solve these common problems, so you can avoid a lot of potential frustration!
This year, the React team unveiled something they've been quietly researching for years: an official way to run React components exclusively on the server. This is a significant paradigm shift, and it's caused a whole lot of confusion in the React community. In this tutorial, we'll explore this new world, and build an intuition for how it works, and how we can take advantage of it.
GitHub - gibbok/typescript-book: The Concise TypeScript Book: A Concise Guide to Effective Development in TypeScript. Free and Open Source.
The Concise TypeScript Book: A Concise Guide to Effective Development in TypeScript. Free and Open Source. - GitHub - gibbok/typescript-book: The Concise TypeScript Book: A Concise Guide to Effecti...
5 Mistakes I Made When Starting My First React Project | CSS-Tricks
You know what it's like to pick up a new language or framework. Sometimes there’s great documentation to help you find your way through it. But even the best
Unsuspecting react users may come to believe that web components break
react, but the truth is - as usual - exactly the opposite. Despite the
superficial similarity to HTML, react's JSX language breaks the web
platform's powerful native slot element.
If I’m already using React, why should I rewrite my app with Web Components?
In a recent post I answered a general question about Web Components and their lack of widespread adoption. I’m back with what is probably the most frequently asked question about Web Components: