Skip to content

Commit 47be325

Browse files
committed
Add "Learn Modern Redux" embeds
1 parent 0620d78 commit 47be325

File tree

2 files changed

+44
-6
lines changed

2 files changed

+44
-6
lines changed

docs/introduction/getting-started.md

Lines changed: 30 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,9 @@ sidebar_label: Getting Started
55
hide_title: true
66
---
77

8+
import LiteYouTubeEmbed from 'react-lite-youtube-embed';
9+
import 'react-lite-youtube-embed/dist/LiteYouTubeEmbed.css'
10+
811
 
912

1013
# Getting Started with Redux Toolkit
@@ -29,15 +32,13 @@ you make your Redux code better.
2932

3033
### Using Create React App
3134

32-
The recommended way to start new apps with React and Redux Toolkit is by using the [official Redux+JS template](https://github.com/reduxjs/cra-template-redux) for [Create React App](https://github.com/facebook/create-react-app), which takes advantage of React Redux's integration with React components.
35+
The recommended way to start new apps with React and Redux is by using the [official Redux+JS template](https://github.com/reduxjs/cra-template-redux) or [Redux+TS template](https://github.com/reduxjs/cra-template-redux-typescript) for [Create React App](https://github.com/facebook/create-react-app), which takes advantage of **[Redux Toolkit](https://redux-toolkit.js.org/)** and React Redux's integration with React components.
3336

34-
```sh
37+
```bash
38+
# Redux + Plain JS template
3539
npx create-react-app my-app --template redux
36-
```
37-
38-
We also have [a Redux+TS template for CRA as well](https://github.com/reduxjs/cra-template-redux-typescript):
3940

40-
```sh
41+
# Redux + TypeScript template
4142
npx create-react-app my-app --template redux-typescript
4243
```
4344

@@ -93,6 +94,29 @@ RTK Query includes these APIs:
9394
- [`<ApiProvider />`](../rtk-query/api/ApiProvider.mdx): Can be used as a `Provider` if you **do not already have a Redux store**.
9495
- [`setupListeners()`](../rtk-query/api/setupListeners.mdx): A utility used to enable `refetchOnMount` and `refetchOnReconnect` behaviors.
9596

97+
## Learn Redux
98+
99+
We have a variety of resources available to help you learn Redux.
100+
101+
### Redux Essentials Tutorial
102+
103+
The [**Redux Essentials tutorial**](https://redux.js.org/tutorials/essentials/part-1-overview-concepts) is a "top-down" tutorial that teaches "how to use Redux the right way", using our latest recommended APIs and best practices. We recommend starting there.
104+
105+
### Redux Fundamentals Tutorial
106+
107+
The [**Redux Fundamentals tutorial**](https://redux.js.org/tutorials/fundamentals/part-1-overview) is a "bottom-up" tutorial that teaches "how Redux works" from first principles and without any abstractions, and why standard Redux usage patterns exist.
108+
109+
### Learn Modern Redux Livestream
110+
111+
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.
112+
113+
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.
114+
115+
<LiteYouTubeEmbed
116+
id="9zySeP5vH9c"
117+
title="Learn Modern Redux - Redux Toolkit, React-Redux Hooks, and RTK Query"
118+
/>
119+
96120
## Help and Discussion
97121

98122
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/overview.md

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,9 @@ sidebar_label: Tutorials Overview
66
hide_title: true
77
---
88

9+
import LiteYouTubeEmbed from 'react-lite-youtube-embed';
10+
import 'react-lite-youtube-embed/dist/LiteYouTubeEmbed.css'
11+
912
&nbsp;
1013

1114
# Tutorials Overview
@@ -42,6 +45,17 @@ The [**Redux Fundamentals tutorial**](https://redux.js.org/tutorials/fundamental
4245

4346
Since Redux Toolkit is an abstraction layer that wraps around the Redux core, it's helpful to know what RTK's APIs are actually doing for you under the hood. **If you want to understand how Redux really works and why RTK is the recommended approach, read the Redux Fundamentals tutorial.**
4447

48+
## Learn Modern Redux Livestream
49+
50+
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.
51+
52+
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.
53+
54+
<LiteYouTubeEmbed
55+
id="9zySeP5vH9c"
56+
title="Learn Modern Redux - Redux Toolkit, React-Redux Hooks, and RTK Query"
57+
/>
58+
4559
## Using Redux Toolkit
4660

4761
The RTK [**Usage Guide** docs page](../usage/usage-guide.md) explains the standard usage patterns for each of RTK's APIs. The [API Reference](../api/configureStore.mdx) section describes each API function and has additional usage examples.

0 commit comments

Comments
 (0)