Never miss an article about web development, JavaScript and self-growth.

The article is a short how to use CSS Modules in your create-react-app application. It shows you how to setup CSS Modules, but also how to use it in your components.

Continue reading

The article is a short how to add Sass support to your create-react-app application. It shows you how to setup Sass, but also how to use it in your components. You will learn how to style a specific component with it and how to define global style, such as variables for your color schema, that can be used throughout your application.

Continue reading

A short tutorial to showcase how to use React global state without Redux. There are React patterns that can be used to have an application wide state in React without a state management library.

Continue reading

A tutorial on how to have state in React without a constructor in a class component and how to have state in React without a class at all.

Continue reading

Conditional rendering in React is no witchcraft. In JSX you can use pure JavaScript. In JavaScript you should be familiar with if-else or switch case statements. You can use it in JSX as well, since JSX only mixes HTML and JavaScript. But what is conditional rendering in React? In a conditional render a component decides based on one or several conditions which elements it will return.

Continue reading

A React performance optimization tutorial which shows you React's shouldComponentUpdate lifecycle method and React's PureComponent API to prevent the rerendering of components.

Continue reading

A tutorial to learn about the Intersection Observer API in React. You will use React's ref API with createRef() to observe elements in your React application in context of the viewport.

Continue reading

Learn how to build a fully working GraphQL server with Apollo Server and Express with authentication, authorization, pagination, subscription, database access.

Continue reading

This tutorial teaches everything about React's render prop pattern in this tutorial. Along the way, you will implement a currency converter in React, see how the render prop pattern can be achieved with alternative techniques in React too, but then how it can be solved with a render prop component.

Continue reading

Everyone who is new to React is confused by these so called props, because they are never mentioned in any other web framework. They are one of the early things you will learn in React after grasping JSX. Basically they are there to pass data from component to component. In this guide, I want to explain React props with an extensive walkthrough.

Continue reading

Never miss an article about web development, JavaScript and self-growth.

Take Part

Join 30.000+ Developers

Learn Web Development with JavaScript

Tips and Tricks

Access Tutorials, eBooks and Courses

Personal Development as a Software Engineer