React
Chapter 6 – React : Material UI
What is Material UI in React JS? Material UI is an open-source project that features React components that implement Google’s Material Design. It is faster and easier for web development. Build your own design system, or start with Material Design. The library’s website can be found at https://material-ui.com. Below is[...]
Chapter 4 – React : Real DOM and Virtual DOM
Differentiate between Real DOM and Virtual DOM. Real DOM Virtual DOM 1. It updates slow. 1. It updates faster. 2. Can directly update HTML. 2. Can’t directly update HTML. 3. Creates a new DOM if element updates. 3. Updates the JSX if element updates. 4. DOM manipulation is very[...]
Chapter 3 – React : Introduction of Hooks
Introducing Hooks Hooks in React are a new addition in Version 16.8. They let you use different React features from your components without writing a class. You can either use the built-in Hooks or combine them to build your own. What is a Hook? A Hook is a special function[...]
Chapter 2 – React Lifecycle
Life cycle phases in React components Every React component goes through the same lifecycle: A component mounts when it’s added to the screen. A component updates when it receives new props or state, usually in response to an interaction. A component unmounts when it’s removed from the screen. Mounting The[...]
Chapter 1 – React : A JS library for building UI
What is React JS? React (AKA React.js or ReactJS) is a free and open-source front-end JavaScript library for building user interfaces (UI) based on components by Facebook Inc. It is maintained by Meta (formerly Facebook) and a community of individual developers and companies. React can be used to develop single-page,[...]