Topic

Miscellaneous

A topic that contains links that are relevant to React but hard to classify under other topics.


23 resources available

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

The React Developer Tools You Should Know in 2019

This might be a good time to take a look at some of the best features, tools and libraries to introduce into your React workflow this year, to make the best of it. All of these are open source, so feel free to go ahead and give them a try. Hopefully, these great tools can help speed your workflow and [continue]

Article by Jonathan Saring

React Authentication with Twitter, Google, Facebook and Github

To interact with an OAuth provider you need API keys. For security reasons, those keys must be kept private on a server. However, if you are following modern development practices your React app is likely completely decoupled from your server and running on a different port or domain. So how can we solve [continue]

Tutorial by Jesse Heaslip

How To Build A Movie Search App With React and ElasticSearch

In this post, we will use React and Elasticsearch to build a MovieSearch app. I know you like React, and watching movies, but what is this Elasticsearch thing I’m talking about. Don’t worry. This blog post will give you a kickstart into understanding the basics of Elasticsearch — What is it? Why should [continue]

Tutorial by Raj Meghpara

Custom error pages in React with GraphQL and Error Boundaries

One challenge I recently ran into while working with GraphQL and React was how to handle errors. As developers, we've likely implemented default 500, 404, and 403 pages in server-rendered applications before, but figuring out how to do this with React and GraphQL is tricky. In this post, I'll talk about [continue]

Tutorial by Abi Noda

Using Create-React-App with Express

Whilst setting up a test app myself, I couldn't find a simple way to deploy Create React App with Express on the same server. It took some tweaking, so here are the steps if you want to do the same. [continue]

Tutorial by Lou

Dynamic Bézier Curves

In this blog post, we'll go through the basics of working with Bézier curves and SVG in React.js. We'll learn how to build dynamic curves that respond to user input. [continue]

Tutorial by Josh Comeau

Forms, Auth and Serverless Functions on Gatsby and Netlify

Today, I'm doing just that, using a static Gatsby site, Netlify's Forms, Identity, and Functions features. This tutorial will show you how to add static forms to your site, the user authentication for password-protected content and how to create an AWS Lambda function. Ready to supercharge a static site [continue]

Tutorial by Maxime Laboissonnière

React Static

React-Static is a fast, lightweight, and powerful framework for building static-progressive React applications and websites. It's been carefully designed to meet the highest standards of SEO, site performance, and user/developer experience. [continue]

Library by Nozzle