ReactJS makes use of components which are independent and reusable bits of code. In other words, components are functions that work in isolation and each component manage their own state. It makes building web applications very much easier when individual blocks of elements are
broken down while building large scale applications.
- Virtual DOM
Every time there is any changes in the original DOM. The whole application is re-rendered onto the virtual DOM. The difference between the original
and virtual DOM is checked and only this difference is updated in the
original DOM. This boosts the speed of react application as the page
need not be refreshed to see the changes.
Designing any view on React is very easy and they manage their own state. React will make sure to render just the right components onto the DOM which enables the user to easily maintain and debug the code.
As talked about earlier, the react is made up of components. These
the screen. These component files have an extension .jsx.
React is ridiculously fast. Its virtual DOM minimizes the re-rendering of
entire DOM unnecessarily. Also, React uses one-way binding
(unidirectional data flow) using a pattern called Flux. This makes the
components immutable hence, giving more felexibility and efficiency.
- Easy to Learn
React is very simple to use. It has some very powerful packages to run its
engine like webpack. With some simple JSX you will have components
rendering independently on your screen. React becomes such a powerful
tool when used with other JS libraries such as Redux, Material-UI,
Materialize, GraphQL, etc.
- Used by Developers
React is the most loved library compared to other libraries out there. React
is open-source and has active contributors on its GitHub. The repository
itself has over 150,000 stars and it’s used by 3.8 million developers.
- React Native
React can also be used to create mobile apps. And this version of react is
called React Native. This shows the power of react’s flexibility to
adapt. With the perfect plan and execution a developer can make an app
for android, iOS and the web.
React is incredibly easy to set up in the beginning and doesn’t require
frequent set ups if the package has been installed globally on you
To install react, run the following command:
npx create-react-app <your-app-name>
After the installation is completed, go into your app directory:
Run to see your default app:
You will see a beautiful React App running on your browser. Feel free to play around with the files in the src folder of react to make your own web or mobile app.