Theme Toggle with Context - React Typing CST Test

Theme Toggle with Context — React Code

Uses React Context and useState to toggle dark/light theme.

import React, { createContext, useContext, useState } from 'react';

const ThemeContext = createContext();

export const useTheme = () => useContext(ThemeContext);

const ThemeProvider = ({ children }) => {
	const [isDark, setIsDark] = useState(false);
	const toggleTheme = () => setIsDark(!isDark);
	return <ThemeContext.Provider value={{ isDark, toggleTheme }}>{children}</ThemeContext.Provider>;
};

export default ThemeProvider;

React Language Guide

React is a declarative, component-based JavaScript library for building user interfaces, primarily for single-page applications. It allows developers to create reusable UI components and manage application state efficiently.

More React Typing Exercises

Practice Other Languages