useContext hook
Most of the blogs provide code that has parent and child component placed in the
React useMemo example with explanation
import React,{useMemo,useState} from “react”;import “./style.css”;export default function App() { const [state, setState] = useState(0); for(let
Mapping useEffect with lifecycle hook methods in React
componentDidMount useEffect(() => { // will run on every render }); useEffect(() => { //
Prevent child from re-rendering in React using React.memo
This is the parent component import React,{useEffect, useState} from ‘react’; import ‘./style.css’; import Child1 from
Chaining of methods for Javascript object
function Student() { this.obj = {}; this.setName = function(name) { this.obj.name = name; return this;
A tricky useEffect dependency
The following code returns 1. It is tricky but should be eye opener. export default
Override TextField and Dialog box content for Material UI
const theme = createMuiTheme({ overrides: { MuiOutlinedInput: { root:{ padding:’10px’, height:’50px’, } }, MuiDialogContent: {
matSort, ERROR Error: Uncaught (in promise): HierarchyRequestError: Failed to execute ‘appendChild’ on ‘Node’: This node type does not support this method.
While working on matSort if you face issue – “ERROR Error: Uncaught (in promise): HierarchyRequestError:
An interesting question of variable hoisting
var text = ‘outside’; function logIt (){ console.log(text); var text = ‘inside’; }; logIt(); If