Programming wide world became more about services and microservices, building a REST API is sometimes a great solution to avoid having a monolith app, so you build a complete frontend that calls a separated REST API which does the rest of the job related to data handling and storing, but most of times if you’re building the backend you’re doing that in a team and other members need to get description about every endpoint in your API, here comes the role of Swagger as one of the best way to do that, Swagger is an open-source software framework backed by a large ecosystem of tools that helps developers design, build, document, and consume RESTful web services. …
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 😉
So before anything let’s initialize our project by creating a react.js …
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.
React.js has many cool libraries such as React 360, React-Blessed and React-NodeGUI, so let’s discover each one together :
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…
About