React.js Frequently Faced Problems

Article by Samer Buna

At jsComplete, we manage a slack account dedicated to helping code learners get unstuck. We receive some interesting problems every now and then but most of the asked questions are for common problems. I am creating this resource to write detailed instructions for the common problems beginner React.js learners usually face so that I can refer them to here instead of typing it over and over.

Related resources

Implementing Skeleton Screens In React

In this tutorial, you’ll learn what a skeleton screen UI is and some types of skeleton screen libraries, along with their pros and cons. We’ll build a YouTube-like skeleton screen UI using React Loading Skeleton. Then, you can experiment on your own with the skeleton screen React package of your choice. [continue]

Article by Blessing Krofegha

A guide to React refs: useRef and createRef

As is the case with many other UI libraries, React offers a way to rethink a view as the result of a state of a component. Part of that benefit comes from creating the views with the abstraction mechanisms React and JSX expose instead of doing it through DOM spec methods. Still, the React team did [continue]

Article by Jeremias Menichelli

What Are the React Team Principles?

During my time on the React team, I’ve been lucky to see how Jordan, Sebastian, Sophie and other tenured team members approach problems. In this post, I’m distilling what I learned from them into a few high-level technical principles. These principles aren’t meant to be exhaustive. This is my personal [continue]

Article by Dan Abramov

Using React Refs in Typescript

Sometimes it is necessary to use an imperative programming model and access an underlying DOM element. Whatever the reason this can be accomplished using React refs. This guide will show how to use strongly typed refs using Typescript. We will see how to use refs from functional components, using the [continue]

Tutorial by Chris Dobson