In general, websites handle fetching data with different various ways like by showing a Spinner (the case of Netflix for example), a progress bar or a customized animation, one these ways (like used by Medium and Facebook) is handling fetching data on the browser by using React Skeleton Screens, to make it more clearer check the picture below

That will be our app, we’ll build a quick easy and fast React.js app that shows a random poems for a random poet, don’t worry everything will be explained as follows and the source code will be provided at the end 😉

Setup

So before anything let’s initialize our project by creating a react.js …

About :

You maybe developed your full-stack app with a huge set of dependencies and using this app from a client or another user will need a series of installations and system compatibility with the dependencies versions .. that’s why it would be better to use Docker :) So let’s go fast and deeper.

Quick reminder :

React.js has many cool libraries such as React 360, React-Blessed and React-NodeGUI, so let’s discover each one together :

1. React 360 :

This React.js library is used to create 3D app, forms and animations, it’s a VR library. You can check the official documentation here : https://facebook.github.io/react-360/doc

To get started with this library we’ll have to install it via the dependencies manager “npm” by typing :

npm install react-360-cli

This one above will install it globally. Now we can create our first React360 app by typing :

react-360 init HelloWorld

To dive a little deep let’s see the generated directory content by typing…