How do we improve JavaScript usage, teach progressive enhancement and reconcile the community?

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.

In this guide you'll find what are component props in React and how to use them.

{/* Comment */} is the usual way to write comments in React. But there are 2 better ways to comment you just have to know.

Are you struggling to understand TypeScript function types? Look no further! This comprehensive guide covers everything you need to know.

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...

We’re all familiar with the standard way of linking up a stylesheet to the head of an HTML doc, right? That’s just one of several ways we’re able to

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

REACT FANS DON’T LOOK: A formerly-internal analysis around fitting a ≥44.5kB framework in a 20kB bag.

Sass is an improved version of CSS that you can use in your React projects right now.

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.

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:

Unleash the full potential of React Hooks! Discover how to leverage this powerful feature to enhance your React applications with examples and common pitfalls.

Preact is an enhanced version of React for developing faster, lightweight applications. Learn from this article the difference between Preact and React.

Preact itself is not intended to be a reimplementation of React. There are differences. Many of these differences are trivial, or can be completely removed by using preact-compat, which is a thin la

Part 1: Building Blocks

In this tutorial, you'll learn the basics of generics in TypeScript. We'll discuss how to use them and when they're useful in your code. Use Case for Generics Let's start with a simple example, where you want to print the value of an argument passed: function printData(data: number) {

In this lesson, we are going to take a closer look at type declaration files which are one of the key ingredients of TypeScript’s…

Editor’s note: This post was updated on 9 September 2022 to provide general updates to the content and include information about callable interfaces and using interfaces in Angular. ​​TypeScript has taken the JavaScript world by storm, allowing teams to work smarter by adding robust typing features. These typing features allow our code to be more descriptive […]

A FREE TypeScript course for JavaScript developers. Covers beginner topics through to advanced and has quizzes in each module to reinforce knowledge. By the end of the course you will be well on your way to becoming an expert in TypeScript!

The separation of concerns we aim for in design systems has an unwanted byproduct: bloated HTML in the space between components. What can we do as component authors to encourage good markup hygiene at the inter-component level?