Advanced

React · Proficient - advanced patterns and performance

• useReducer for complex stateStructure complex state with a pure reducer that centralizes transitions and rules out impossible combinations.
• Context: sharing without prop drillingMove data around without prop drilling using context, while keeping its re-renders and limits under control.
• Custom hooks: extracting and reusing logicExtract stateful logic into reusable, composable, testable hooks.
• Memoization: memo, useMemo, useCallbackLearn when React.memo, useMemo, and useCallback genuinely speed up your app, and when they complicate it for nothing.
• useRef and DOM manipulationManipulate the DOM and keep instance values with useRef, without breaking render purity.