React 2023

Whatโ€™s in this playlist? A quick overview of the latest advancements in React ecosystem and a refresher of the basics.

React basics

Router Fiber Fragments Portal Async Rendering Props, State and now Context

Hooks

Added in v16.8 Supercharge react components with new features - useState replaces class with func component - useEffect replaces lifecycle methods - useReducer & useContext replaces Redux - useMemo & useCallback reduces unnecessary expensive function calls Resources: compressedfm hooks brain dump Notes KCD: can keep RQ for server state then use state hook and context and no redux Suspense (think โ€œsuspendโ€) lazy load components Server Components Experimental in v18.2 Forget Other stuff popping SSR Side Effect Difference between react query and relay