Skip to content

Instantly share code, notes, and snippets.

@gajjardarshithasmukhbhai
Last active March 24, 2023 19:47
Show Gist options
  • Save gajjardarshithasmukhbhai/29dacec9f41a77999a81c6813cb72fa7 to your computer and use it in GitHub Desktop.
Save gajjardarshithasmukhbhai/29dacec9f41a77999a81c6813cb72fa7 to your computer and use it in GitHub Desktop.
This is Refresher course of React and Next JS

React Practice Course

screenshot (1)

  • React is decrative means you have no need to doing vanilla javascript kind of stuff
ex. const para = document.createElement('p');
para.textContent = 'This is Also Visible';
document.getElementById('root').append(paar);
  • In React we are used Composition for wrapping in dom container, it means we use children props for that.

screenshot (1)

How to Update the Multiple state key of React

ScreenShot Tool -20220901001613

  • this is not best practice at all, because any other developer write your code it will messed up this thing
Debugging React Application
  • BreakPoint is key thing Every React Develoeper need to Master in to easily crack the BUG

ScreenShot Tool -20220901003338

JSX Limitation, Ref and workAround
  • JSX is not Return the More than Root Component
  • In Vanilla JS we will do it, but JSX and Vanilla both are different
  • In JSX we return multiple element through Arary

ScreenShot Tool -20220901011122

Div Soup Cause Problem

ScreenShot Tool -20220901011429

  • Div Soup Case problem because React check each and every Dom statment, so it slow down performance, hamper styling and messed up the code
ReactDom.createPortal
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment