React

• [React Form Snippet]

• [React Context]

• [Spread Attributes]

  react-portal

  • render children into a dom node that exist outside DOM hierachy of the parent component
  • live anywhere in dom tree
  • usually use for modals

React Hooks

Rules of Hooks

Don’t call Hooks inside loops, conditions, or nested functions. Instead, always use Hooks at the top level of your React function.

Don’t call Hooks from regular JavaScript functions. Instead, you can:

-> Call Hooks from React function components.

-> Call Hooks from custom Hooks

• [Custom Hooks]
• [React Router Hook Functions]
• [Save Token to Local Storage]
• [Trigger Rerender When Updating Array Using useEffect Hook]
• [useContext Hook]
• [useEffect Hook]
• [useEffect Hook to Check User Details in Local Storage]
• [useImperativeHandle Hook]
• [useReducer Hook]
• [useRef Hook]
• [useState Hook]
• [Using React Error Boundaries]