Handling spacing in a UI component library
Building a highly consumable UI component library is no easy feat and this article will focus on one particular tricky aspect of it: outer component spacing. [continue]
You can discover articles, tutorials, libraries, talks, courses, tools and books.
Building a highly consumable UI component library is no easy feat and this article will focus on one particular tricky aspect of it: outer component spacing. [continue]
'Property Initializer Syntax' sounds more fancy than it really is. In this bite-sized tutorial see how this alternative way of writing event handlers will help eliminate boilerplate in your constructor and also defend against frivolous memory usage in your renders. [continue]
It is quite frequent requirement to pass parameters to event handlers of custom React components. There are several ways to achieve this with ES6 depending on whether we need reference to the event or not. This article will show you how to do through some simple examples. [continue]
The Functional Programming (FP) aspects of React are fairly prominent, but components themselves are an example of Object-Oriented (OO) programming. In this episode, we'll look at how one idea from OO—The Single Responsibility Principle—can help us design and extract more readable, reusable, and maintainable [continue]
In this guide I will show you how to use Firebase, React, and Ant Design as building blocks to build functional, high-fidelity web applications. To illustrate this, we'll go through an example of building a todo list app. [continue]
In this series, you will learn how to make React and Redux control a bunch of SVG elements to create a game. The knowledge acquired throughout this series will also allow you to create other types of animations that are orchestrated by React and Redux, not only games. [continue]
There are three popular ways to handle types in React: PropTypes, TypeScript and Flow. This post is about PropTypes, which are currently the most popular. In real apps with large objects, this quickly leads to a lot of code. That's a problem, because in React, you’ll often pass the same object to multiple [continue]
Let's have a closer look at the feature that allows you to build universal applications with React Server-Side Rendering — SSR from here on — is the ability of a front-end framework to render markup while running on a back-end system. Applications that have the ability to render both on the server [continue]
In this post we'll look at how to animate your route transitions with React Router by breaking down the 'Animated Transitions' example on the React Router docs. [continue]
Carousel component built with React. It is a react port of slick carousel [continue]
There are several ways that your React component can decide what to render. You can use the traditional if statement or the switch statement. In this article, we'll explore a few alternatives. But be warned that some come with their own gotchas, if you're not careful. [continue]
When I started learning React, I was searching for something (a blog, a video, a course, whatever) that didn't only teach me how to write apps in React. I also wanted it to prepare me for interviews. Most of the material I found, concentrated on one or the other. So, this post is aimed towards the audience [continue]