Top tips and tricks I learned from EpicReact complied in the thread below π© πͺ
Thanks @kentcdodds ππ»
Everyone working with React must check this out π§΅ππ»
Thanks @kentcdodds ππ»
Everyone working with React must check this out π§΅ππ»
β¨ React Fundamentals β‘οΈ π°
If you are using the key as an index in React you should consider checking this example on how it affects the rendering.
Link to demo - react-fundamentals.netlify.app/isolated/finalβ¦
If you are using the key as an index in React you should consider checking this example on how it affects the rendering.
Link to demo - react-fundamentals.netlify.app/isolated/finalβ¦
β¨ React Hooks Lifecycle
This React flow diagram is all you need to understand while working with hooks written @donavon nicely explained by KCD!
This React flow diagram is all you need to understand while working with hooks written @donavon nicely explained by KCD!
β¨ React Hooks
To master React hooks you need to understand the following concept π―
β useState
β useEffect
β useRef
β useReducer
β useCallback
β useContext
β useLayoutEffect
β useImperativeHandle
β useDebugValue
@kentcdodds has nicely explained them
To master React hooks you need to understand the following concept π―
β useState
β useEffect
β useRef
β useReducer
β useCallback
β useContext
β useLayoutEffect
β useImperativeHandle
β useDebugValue
@kentcdodds has nicely explained them
β¨ React Performance
Lazy loading of components while the user hovers on an element. Wow, how cool is this?π€©
Check the next thread for output π§΅
Lazy loading of components while the user hovers on an element. Wow, how cool is this?π€©
Check the next thread for output π§΅
Output π₯
β¨ React Component Components
Using compound components in React is so amazing, I'm sure there will be many devs out there who have never tried this out.
Check the next thread below for output π§΅
Using compound components in React is so amazing, I'm sure there will be many devs out there who have never tried this out.
Check the next thread below for output π§΅
Output π₯
β¨ Perf death by a thousand cuts πͺ π
This HOC component is all you need to memorize a specific slice of the state π so that it re-renders only when the slice of the state it cares about is changed.
This HOC component is all you need to memorize a specific slice of the state π so that it re-renders only when the slice of the state it cares about is changed.
β¨ React Suspense
Got to learn few things which I never knew
β Concurrent Mode
β Data-Fetching
β Render as You Fetch
β useTransition
β Cache Resources
β Suspense Image
β Custom Hooks
β SuspenseList
Got to learn few things which I never knew
β Concurrent Mode
β Data-Fetching
β Render as You Fetch
β useTransition
β Cache Resources
β Suspense Image
β Custom Hooks
β SuspenseList
Thanks for your time!
PS: There are many more tips and tricks in epicreact.dev
Like/RT to share knowledge π
PS: There are many more tips and tricks in epicreact.dev
Like/RT to share knowledge π
β’ β’ β’
Missing some Tweet in this thread? You can try to
force a refresh
γ
