Overview Suspense lets components "wait" for something before they can render. It suspends(you could guess that from the name) component rendering if data needs to be pulled from external resources, external API, or the backend. It is a declarative w...
UseReducer Hook The useReducer hook is similar to the useState hook as they both manage states. While the useState manages non-complex state logic, the useReducer hook manages complex state logic involving multiple sub-values or interdependent states...
useRef Hook The useRef hook is one of the various hooks that come with React. This hook allows us to create a reference to the DOM element in a functional component. It also allows us to reference a value not needed during rendering. The useRef hook ...
Synchronous Programming Synchronous Programming is a type of programming in which operations/actions executes in a predictable order. In this model, when a function that performs a long-running operation is called, it ends only when the operation is ...
Hoisting Hoisting is a default feature in JavaScript where all declarations are moved to the top of their containing scope(script or current function). Hoisting allows us to use variables before they are declared. Hoisting with "var" Variables in Jav...
What are Hooks? Hooks make it easy to reuse stateful logic - code that uses a state(an object used to contain data or information about a component) between components. This feature makes it possible to reuse hooks among multiple components. The int...
CSS in React CSS in React is similar to the standard CSS used with JavaScript. A class (className in React) attribute is assigned to an HTML element(JSX) styled in a CSS file. This approach also allows us to write styles directly in JSX elements jus...
React Component Composition Component Component is the basic building block of React. They are independent and reusable bits of code that accept props and return React elements. Understanding components and how to work with them is a must-know for ev...
Destructuring In React Destructuring is a method in Javascript that is used to make our codes cleaner and more readable. It is a way to get data from arrays and objects much better and with fewer lines of code. Working with arrays and objects is part...