Skip to content

Commit d94396c

Browse files
committed
Add "Learn Modern Redux" embed and point to better tutorials
1 parent 45f958c commit d94396c

File tree

3 files changed

+20
-3
lines changed

3 files changed

+20
-3
lines changed

docs/introduction/getting-started.md

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,9 @@ sidebar_label: Getting Started
66
description: 'Introduction > Getting Started: First steps with React Redux'
77
---
88

9+
import LiteYouTubeEmbed from 'react-lite-youtube-embed';
10+
import 'react-lite-youtube-embed/dist/LiteYouTubeEmbed.css'
11+
912
# Getting Started with React Redux
1013

1114
[React Redux](https://github.com/reduxjs/react-redux) is the official [React](https://reactjs.org/) UI bindings layer for [Redux](https://redux.js.org/). It lets your React components read data from a Redux store, and dispatch actions to the store to update state.
@@ -115,6 +118,19 @@ export function Counter() {
115118
}
116119
```
117120

121+
## Learning React Redux
122+
123+
### Learn Modern Redux Livestream
124+
125+
Redux maintainer Mark Erikson appeared on the "Learn with Jason" show to explain how we recommend using Redux today. The show includes a live-coded example app that shows how to use Redux Toolkit and React-Redux hooks with Typescript, as well as the new RTK Query data fetching APIs.
126+
127+
See [the "Learn Modern Redux" show notes page](https://www.learnwithjason.dev/let-s-learn-modern-redux) for a transcript and links to the example app source.
128+
129+
<LiteYouTubeEmbed
130+
id="9zySeP5vH9c"
131+
title="Learn Modern Redux - Redux Toolkit, React-Redux Hooks, and RTK Query"
132+
/>
133+
118134
## Help and Discussion
119135

120136
The **[#redux channel](https://discord.gg/0ZcbPKXt5bZ6au5t)** of the **[Reactiflux Discord community](http://www.reactiflux.com)** is our official resource for all questions related to learning and using Redux. Reactiflux is a great place to hang out, ask questions, and learn - come join us!

docs/tutorials/connect.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,8 @@ We now recommend using [the React-Redux hooks API as the default](../api/hooks.m
1616

1717
This tutorial also shows some older practices we no longer recommend, like separating Redux logic into folders by type. We've kept this tutorial as-is for completeness, but recommend reading through [the "Redux Essentials" tutorial](https://redux.js.org/tutorials/essentials/part-1-overview-concepts) and the [Redux Style Guide](https://redux.js.org/style-guide/style-guide) in the Redux docs for our current best practices.
1818

19+
We're working on a new tutorial that will introduce the hooks APIs. Until then, we suggest reading [**Redux Fundamentals, Part 5: UI and React**](https://redux.js.org/tutorials/fundamentals/part-5-ui-react) for a hooks tutorial.
20+
1921
:::
2022

2123
To see how to use React Redux in practice, we’ll show a step-by-step example by creating a todo list app.

docs/using-react-redux/usage-with-typescript.md

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -12,10 +12,9 @@ description: 'Usage > TypeScript: how to correctly type React Redux APIs'
1212

1313
React Redux itself is currently written in plain JavaScript. However, it works well with static type systems such as TypeScript.
1414

15-
The React Redux type definitions are a separate [`@types/react-redux` typedefs package](https://npm.im/@types/react-redux) on NPM. In addition to typing the library functions, the types also export some helpers to make it easier to write typesafe interfaces between your Redux store and your React components.
16-
17-
**As of React Redux v7.2.3, the `react-redux` package has a dependency on `@types/react-redux`, so the type definitions will be automatically installed with the library**. Otherwise, you'll need to manually install them yourself ( `npm install @types/react-redux` ).
15+
The React Redux type definitions are a separate [`@types/react-redux` typedefs package](https://npm.im/@types/react-redux) on NPM. In addition to typing the library functions, the types also export some helpers to make it easier to write typesafe interfaces between your Redux store and your React components.
1816

17+
**As of React Redux v7.2.3, the `react-redux` package has a dependency on `@types/react-redux`, so the type definitions will be automatically installed with the library**. Otherwise, you'll need to manually install them yourself ( `npm install @types/react-redux` ).
1918

2019
## Standard Redux Toolkit Project Setup with TypeScript
2120

0 commit comments

Comments
 (0)