Создать приложение, позволяющее пользователю переключать между светлой и темной темой сайта. Actions: Создайте действие для переключения темы. Reducer: Реализуйте редьюсер, который обрабатывает это действие и изменяет тему в состоянии приложения. Component: Создайте компонент, который отображает переключатель для изменения темы сайта. Описание: Состояние: Для хранения текущей темы можно использовать логическую переменную (true для темной темы и false для светлой) или строку ("dark" или "light"). Интерфейс: Ваш интерфейс может состоять из переключателя, который изменяет тему с светлой на темную и обратно. react redux

// actions.js export const TOGGLE_THEME = 'TOGGLE_THEME';

export const toggleTheme = () => ({ type: TOGGLE_THEME });

// reducer.js import { TOGGLE_THEME } from './actions';

const initialState = { theme: 'light' };

const themeReducer = (state = initialState, action) => { switch (action.type) { case TOGGLE_THEME: return { ...state, theme: state.theme === 'light' ? 'dark' : 'light' }; default: return state; } };

export default themeReducer;

// ThemeSwitcher.js import React from 'react'; import { connect } from 'react-redux'; import { toggleTheme } from './actions';

const ThemeSwitcher = ({ theme, toggleTheme }) => { return ( <div> <label> <input type="checkbox" checked={theme === 'dark'} onChange={toggleTheme} /> Dark Theme </label> </div> ); };

const mapStateToProps = state => ({ theme: state.theme });

const mapDispatchToProps = { toggleTheme };

export default connect(mapStateToProps, mapDispatchToProps)(ThemeSwitcher);

// App.js import React from 'react'; import { Provider } from 'react-redux'; import { createStore } from 'redux'; import themeReducer from './reducer'; import ThemeSwitcher from './ThemeSwitcher';

const store = createStore(themeReducer);

const App = () => { return ( <Provider store={store}> <ThemeSwitcher /> </Provider> ); };

export default App;