useContext

Vad är useContext?

• Används för att dela data mellan komponenter
• Ersätter behovet av att skicka props genom komponentträdet
• Alternativ till Redux
• Används tillsammans med createContext och useContext

Skapa ett context

import { createContext } from 'react';

export const ThemeContext = createContext(defaultValue);

Använda ett context

import { useContext } from 'react';

const value = useContext(ThemeContext);

Demo - dark mode / light mode

• Använda useState
• Ersätta med useContext