Learn REACTJS Week-1:

 

What is ReactJS:

React JS is a JavaScript Library for building front end application or user interfaces (UI).

·         ReactJS allows us to create reusable UI components.

·         Component - Components are the building blocks of any React app.

·         It is created by Facebook.

·         React can be used as a base in the development of single-page or mobile applications using React Native.

 

2.      What is Buzz about Virtual Dom implementation in ReactJS?

·         VDOM is strategically to update DOM without redrawing all the nodes in a single page application.

·         The VDOM is a high-level lightweight in-memory tree representation of actual DOM.

For example, consider adding a node in DOM; react keep a copy of VDOM in memory

• Create a VDOM with a new state
• Compare it with older VDOM using diffing.
• Update only different nodes in real DOM.
• Assign new VDOM as an older VDOM.

   Representation of How Virtual Dom Works:

3.      Advantages of ReactJS Over AngularJS:

• Easy to learn because of its simple Design
• The HTML-like syntax for which allows templating, and highly detailed documentation.
• Developers can spend more time writing modern JavaScript, and less time worrying about the framework-specific code.
• Enhance support for server-side rendering, making it a robust framework for content-focused applications.
• Migrating between versions is in React.

·         When you combine with ES6/7, ReactJS is perfect for managing heavy loads with relative ease.

 

4.      Which is Better to use:

 

·         Both React and AngularJS are great options with respect to single page applications. However, both are also entirely different instruments. There might be statements like React is better than Angular or also vice versa.

·        Whatever may be your perception of the discussion about React Vs. AngularJS, you need to make choices based on your, requirement of functionality and usability.

 

5.      prerequisite for ReactJS:

·         HTML, CSS and Bootstrap

·         JSX (JavaScript XML) & Babel

·         Fundamentals of JavaScript and ES6

·         Package Manager (Node + Npm)

·         Git and CLI (Command Line Interface)

Components in ReactJS?

·         component is just a function that accept some properties and return a UI element

·         Components are the building blocks of any React app and a typical React app will have many of these.

·         There are two types of components Functional and Class Components.