Front end with React.Js

 

What is ReactJS?


React is an open-source, reusable component-based front-end JavaScript library. React was created by Jordan Walke on the 29th of May 2013, who was a software engineer at Facebook. It serves as the view of MVC architecture. It is maintained and developed by Facebook, Instagram, and a community of individual developers and companies. The reaction is only concerned with public management and referring the situation to the DOM, so the creation of reactive applications usually requires the use of additional libraries for routing as well as the operation of certain clients.

Let us take a closer look at some important features of React :

  •        Declarative
  •        Simple
  •        Component-based
  •        Support server-side
  •        Extensive
  •        Fast
  •        Easy to learn


Why ReactJS?

ReactJS mainly use for building fast and interactive user interfaces for the web as well as mobile applications. And also, it is suitable for a large web application that uses data and changes over time without reloading the entire page. React native caters to developing a mobile application for various platforms and React VR caters to developing VR applications. In a model view controller architecture, react is the “view” which is responsible for how the app looks and feels.


The lifecycle of a ReactJS

  • Initialization – at this stage the component is constructed along with the given Props
  • Mounting – it is the process that takes place when a component is being inserted into the DOM
  • Updating – At this stage, a component is updated and the application is being repainted 
  • Unmounting – This stage helps in removing unwanted components from the DOM. 















How to create a simple react app?

  •       Step 1: Create a simple HTML file
  •       Step 2: Import React library (make React work direct in an HTML document )
  •       Step 3: Placeholder for React Component
  •       Step 4: Create a React Component
  •       Step 5: Call React component
  •       Step 6: Complete code
  •       Step 7: Run React code

Advantages of using ReactJS

  • Easy to understand
  • Easy to use
  • Easy creation of the dynamic web applications
  • Reusable components
  • Performance’s enhancement
  • Support of handy tools
  • SEO friendly
  • Having JavaScript library
  • Scope for testing the codes 

Disadvantages of using ReactJS

  • The high pace of development
  • Poor documentation
  • View part
  • JSX as a barrier

Sources

  • https://en.wikipedia.org/wiki/React_(JavaScript_library)
  • https://www.uplers.com/blog/top-10-interview-questions-hire-reactjs-developers/

Comments

Popular posts from this blog

Node.js

NoSQL