Creating a Chrome Extension with React and TypeScript

Did you know most Chrome extensions are written in good ol' JavaScript? Turns out, creating one with React is pretty straight forward, too! Let's look at how you can use your existing JavaScript skills to spread some holiday cheer! | Continue reading


@react.christmas | 3 years ago

Validate your parking – an introduction to React Hook Form

He couldn't believe it. This certainly couldn't be true. Someone else must have made a mistake here. He read the email a second time. Maybe he missed something and the whole thing was just a big misunderstanding? But he didn't, of course. He is the kind of person who always pays … | Continue reading


@react.christmas | 3 years ago

10.000 commits later – Switching to React Native in 2017

Back in 2017, my team were working on a feature-packed, widely used mobile app with a legacy codebase. The app had way too much logic, logic of the complex sort, with loads of very old code calling old APIs. Build times were terrible. Noone had a complete understanding of the cod … | Continue reading


@react.christmas | 3 years ago

Module Federation with Webpack 5

In this article, we will look at one of webpack's exciting new features, Module Federation. This feature will allow dynamic code reloading from another project at runtime. Using module federation will enable sharing code from other projects with only a little tweaking in your web … | Continue reading


@react.christmas | 3 years ago

Intelligent Fetching and Caching with SWR

Every now and then, a library surfaces that change the way you're used to thinking. In this case, it is rethinking the data flow in your React app. SWR provides a complex data store with a simple interface, helping you write simple patterns with less code. | Continue reading


@react.christmas | 3 years ago

React Security Tips

As frontend developers, our focus is on the users experience in our application. How fast and efficient the application is and how smooth the functionality can be. We all might say security on our minds, but we often rely on somebody else to handle this. Luckily, modern web frame … | Continue reading


@react.christmas | 3 years ago

What Are the React Team Principles?

An article from react | Continue reading


@react.christmas | 4 years ago

Two Applications, One Repository

When you’re developing similar apps for the web and native platforms, it's hard to find a project structure that works well. Let's take a look at how our team is approaching this challenge for maintaining different view layers, while sharing most of the business logic. | Continue reading


@react.christmas | 4 years ago

I Structure My React Projects

If you're looking for the definite answer to how you should structure you React apps, this article probably isn't for you. If you're interested in seeing how it can be done - read on! | Continue reading


@react.christmas | 4 years ago

A React Recipe for Toasts

An article from react | Continue reading


@react.christmas | 4 years ago

How to test React apps in 2019

Testing your apps is becoming so easy, it's starting to become worth the trouble! | Continue reading


@react.christmas | 4 years ago

Why (Not) Make a Design System

Design is complex - and ever increasingly so. It requires full collaboration between all teams and professions involved in the process. A shared design language makes teams work together more effectively. That’s why companies invest in design systems. But how can we make sure tha … | Continue reading


@react.christmas | 4 years ago

Micro Animations to the Rescue

People like to understand what's happening around them, whether it's in real life or in an app on their phone. Let us have a little peak into how we can help users of our React Native app. | Continue reading


@react.christmas | 4 years ago

Home Baked Hooks

About a year ago, Sophie Alpert and Dan Abramov presented one of the most exciting new features in React: Hooks. Release 16.8 introduced several alternatives that can be used directly (e.g. useState, useEffect and some others), but also provided the possibility to create your ver … | Continue reading


@react.christmas | 4 years ago

Fancy Charts with Victory

Say you want to add a nice chart or other form of data visualization to your React app, but don't have the slightest idea of where to start. Do you write it from scratch, or do you utilize one of the many charting libraries out there? You might begin by researching d3 since it's … | Continue reading


@react.christmas | 4 years ago

Working with Azure Application Insights in Your React App

Do you really know how your users are interacting with your application? Have they tried out the latest feature you just deployed to production? Examining your user’s behaviour and interaction can be tremendously useful - figuring out where they incur problems or halt a purchase, … | Continue reading


@react.christmas | 4 years ago

Control Your Components

A quick and easy guide to creating components that control their own state, if you want them to. | Continue reading


@react.christmas | 4 years ago

Test Your App in Production

An article from react | Continue reading


@react.christmas | 4 years ago

Optimize your app by being lazy

What is lazy loading, and why should you do it? | Continue reading


@react.christmas | 4 years ago

Manage Global State with Context API and Hooks

For quite some time, Redux has been React developers go-to library for managing their app’s global state. It’s a great tool – but do you really need it? | Continue reading


@react.christmas | 4 years ago

Managing Content with React and Sanity

Content management done the right way 🤷‍♂️ | Continue reading


@react.christmas | 4 years ago

Introduction to Suspense for Data Fetching

Suspense is and will become a game changer when it comes to data fetching. It changes the way we structure our code, think about loading states and gives a better experience for both the developers and the users' interface. | Continue reading


@react.christmas | 4 years ago

Oh, the Suspense

The American dictionary states that suspense means a feeling of excitement while waiting for something uncertain to happen. So, let’s get excited and learn about React.Suspense and how this helps us wait for something uncertain! | Continue reading


@react.christmas | 4 years ago

Get Started with Animations in React

Have you never been able to make that menu appear in the awesome way you've always wanted? Perhaps you've got lots of experience making things move with CSS animations, but you want to learn how (or if) a modern animations library could make your life easier? Or perhaps you just … | Continue reading


@react.christmas | 4 years ago

How to CSS in React

A hot topic these days, and I don't think we'll ever agree, but here are some ways to do CSS in your React app | Continue reading


@react.christmas | 5 years ago

Introduction to server side rendering in React

Server-side rendering of your frontend application can be indispensable for some cases, but... is it worth the effort? | Continue reading


@react.christmas | 5 years ago

How to use SVGs in React

SVGs are here to stay, and React seems to be sticking around for a while as well. So how do you go about combining them? | Continue reading


@react.christmas | 5 years ago

Ho Ho Hooks

A festive introduction to Hooks, and what you can do with them! | Continue reading


@react.christmas | 5 years ago

Introducing TypeScript to your React apps

Let’s take a quick look at what it takes to introduce typescript to your react-webpack applications and how you can get started. | Continue reading


@react.christmas | 5 years ago

Three different ways to use context in React

Prop drilling can be a good thing, and it can be a bad thing. Thankfully, there are better ways to do it with the Context API. | Continue reading


@react.christmas | 5 years ago

A guide to error handling in React

Let's deal with those pesky errors once and for all | Continue reading


@react.christmas | 5 years ago

Debug your apps with Reactotron

How to use Reactrotron to really improve your React and React Native development | Continue reading


@react.christmas | 5 years ago

Creating a progressive image component in React

I needed one for this site - follow along if you want one too! | Continue reading


@react.christmas | 5 years ago

5 tips for reusable components

I've spent the last year helping build a design system. These are some of the things I learned along the way | Continue reading


@react.christmas | 5 years ago

Creating composite components in React

Do you need to create a complex, yet reusable piece of UI? What's the best approach? | Continue reading


@react.christmas | 5 years ago

Memoization in React

Today we’re going to talk a little bit about memoization. And no, that’s not a spelling error. And even better, is sounds a lot more complicated than it really is. | Continue reading


@react.christmas | 5 years ago

Accessibility in React

Is your React app accessible to all of your users? | Continue reading


@react.christmas | 5 years ago

An introduction to redux-saga

You have begun building your React application. Maybe you even have set it up with Redux. Now you need some content - but how do you fetch it? | Continue reading


@react.christmas | 5 years ago

Introducing TypeScript to your Redux code

By introducing Typescript to your Redux code and implementing it properly, Typescript can help you write better and less error prone code. In this article we will take a look at a simple Redux example and explore the benefits of introducing Typescript. | Continue reading


@react.christmas | 5 years ago

Testing of React components with a real Redux store

Do you avoid testing of components that depend on Redux because you fear the complexity? Are you loosing sleep worrying about configuring huge mock stores for testing the simplest of components? Fear no moarrr! | Continue reading


@react.christmas | 5 years ago

Handling component state in React

Almost every application you write contains state and you'll need some way to manage it, but how? | Continue reading


@react.christmas | 5 years ago

React.christmas: 24 React articles in 24 days

A nice little Christmas calendar for people who love React | Continue reading


@react.christmas | 5 years ago