Skip to content

Commit

Permalink
Update quick-start.md typos (#2021)
Browse files Browse the repository at this point in the history
Co-authored-by: Tim Dorr <timdorr@users.noreply.github.com>
  • Loading branch information
snehil002 and timdorr committed Jun 3, 2023
1 parent 07e89ac commit ee7ac84
Showing 1 changed file with 4 additions and 5 deletions.
9 changes: 4 additions & 5 deletions docs/tutorials/quick-start.md
Original file line number Diff line number Diff line change
Expand Up @@ -105,7 +105,8 @@ export const counterSlice = createSlice({
// 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
// immutable state based off those changes.
// Also, no return statement is required from these functions.
state.value += 1
},
decrement: (state) => {
Expand All @@ -125,7 +126,7 @@ export default counterSlice.reducer

### Add Slice Reducers to the Store

Next, we need to import the reducer function from the counter slice and add it to our store. By defining a field inside the `reducers` parameter, we tell the store to use this slice reducer function to handle all updates to that state.
Next, we need to import the reducer function from the counter slice and add it to our store. By defining a field inside the `reducer` parameter, we tell the store to use this slice reducer function to handle all updates to that state.

```js title="app/store.js"
import { configureStore } from '@reduxjs/toolkit'
Expand Down Expand Up @@ -206,9 +207,7 @@ That was a brief overview of how to set up and use Redux Toolkit with React. Rec

### Full Counter App Example

The counter example app shown here is also the

Here's the complete counter application as a running CodeSandbox:
Here's the complete Counter application as a running CodeSandbox:

<iframe
class="codesandbox"
Expand Down

0 comments on commit ee7ac84

Please sign in to comment.