From 593ab2d7d4ef972594131b125d9320c618e54691 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Adri=C3=A1n=20Oliva?= Date: Wed, 17 May 2023 21:26:50 -0600 Subject: Redux used to add ToDos WE MADE IT!! I don't know how, but it is functional. :'3 --- src/features/counter/Counter.jsx | 30 ------------------------------ src/features/counter/counterSlice.js | 25 ------------------------- 2 files changed, 55 deletions(-) delete mode 100644 src/features/counter/Counter.jsx delete mode 100644 src/features/counter/counterSlice.js (limited to 'src/features/counter') diff --git a/src/features/counter/Counter.jsx b/src/features/counter/Counter.jsx deleted file mode 100644 index b8453b2..0000000 --- a/src/features/counter/Counter.jsx +++ /dev/null @@ -1,30 +0,0 @@ -import React from 'react' -import { useSelector, useDispatch } from 'react-redux' -import { decrement, increment } from './counterSlice' - -export function Counter() { - const count = useSelector((state) => state.counter.value) - const dispatch = useDispatch() - - return ( -
-

{count}

-
- - -
-
- ) -} diff --git a/src/features/counter/counterSlice.js b/src/features/counter/counterSlice.js deleted file mode 100644 index 4cb9993..0000000 --- a/src/features/counter/counterSlice.js +++ /dev/null @@ -1,25 +0,0 @@ -import { createSlice } from '@reduxjs/toolkit' - -export const counterSlice = createSlice({ - name: 'counter', - initialState: { - value: 0, - }, - reducers: { - increment: (state) => { - // Redux Toolkit allows us to write "mutating" logic in reducers. It - // doesn't actually mutate the state because it uses the Immer library, - // which detects changes to a "draft state" and produces a brand new - // immutable state based off those changes - state.value += 1; - }, - decrement: (state) => { - state.value -= 1; - } - }, -}) - -// Action creators are generated for each case reducer function -export const { increment, decrement } = counterSlice.actions - -export default counterSlice.reducer -- cgit v1.2.3