The Complete React Native Hooks Course Instant

import useNavigation, useRoute, useFocusEffect from '@react-navigation/native'; function ProfileScreen() const navigation = useNavigation(); const route = useRoute(); const userId = route.params;

fetchData(); return () => abortController.abort(); , [url]); The Complete React Native Hooks Course

Use these with React.memo to skip re-rendering child components. 6. useRef – Mutable References & DOM Access Goal: Store mutable values (don't trigger re-renders) or access native elements. useFocusEffect from '@react-navigation/native'

intervalRef.current = setInterval(() => setTimer(t => t + 1); , 1000); function ProfileScreen() const navigation = useNavigation()

return <Button title="Go back" onPress=() => navigation.goBack() />;

// 1. Create context const ThemeContext = React.createContext('light'); // 2. Provide value at a top level export default function App() return ( <ThemeContext.Provider value="dark"> <ThemedComponent /> </ThemeContext.Provider> );