Skip to content

Commit 41e746b

Browse files
committed
Final sandbox updates
1 parent dd8d6ff commit 41e746b

File tree

6 files changed

+15
-15
lines changed

6 files changed

+15
-15
lines changed

docs/tutorials/essentials/part-3-data-flow.md

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -643,6 +643,16 @@ Remember, **the Redux store should only contain data that's considered "global"
643643

644644
## What You've Learned
645645

646+
We've set up the basics of a Redux app - store, slice with reducers, and UI to dispatch actions. Here's what the app looks like so far:
647+
648+
<iframe
649+
class="codesandbox"
650+
src="https://codesandbox.io/embed/github/reduxjs/redux-essentials-example-app/tree/ts-checkpoint-1-postAdded?fontsize=14&hidenavigation=1&module=%2fsrc%2Ffeatures%2Fposts%2FpostsSlice.ts&theme=dark&runonclick=1"
651+
title="redux-essentials-example"
652+
allow="geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb"
653+
sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin"
654+
></iframe>
655+
646656
Let's recap what you've learned in this section:
647657

648658
:::tip Summary
@@ -664,16 +674,6 @@ Let's recap what you've learned in this section:
664674

665675
:::
666676

667-
Here's what the app looks like so far:
668-
669-
<iframe
670-
class="codesandbox"
671-
src="https://codesandbox.io/embed/github/reduxjs/redux-essentials-example-app/tree/7f33de00afef79792250f314aa0da2d695ce2e8d?fontsize=14&hidenavigation=1&module=%2fsrc%2Ffeatures%2Fposts%2FpostsSlice.ts&theme=dark&runonclick=1"
672-
title="redux-essentials-example"
673-
allow="geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb"
674-
sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin"
675-
></iframe>
676-
677677
## What's Next?
678678

679679
Now that you know the basic Redux data flow, move on to [Part 4: Using Redux Data](./part-4-using-data.md), where we'll add some additional functionality to our app and see examples of how to work with the data that's already in the store.

docs/tutorials/essentials/part-4-using-data.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1474,7 +1474,7 @@ Here's what our app looks like after all these changes:
14741474
14751475
<iframe
14761476
class="codesandbox"
1477-
src="https://codesandbox.io/embed/github/reduxjs/redux-essentials-example-app/tree/2b5a8361da115296107975a59155bc52a040d0a1?fontsize=14&hidenavigation=1&module=%2fsrc%2Ffeatures%2Fposts%2FpostsSlice.ts&theme=dark&runonclick=1"
1477+
src="https://codesandbox.io/embed/github/reduxjs/redux-essentials-example-app/tree/ts-checkpoint-2-authHandling?fontsize=14&hidenavigation=1&module=%2fsrc%2Ffeatures%2Fposts%2FpostsSlice.ts&theme=dark&runonclick=1"
14781478
title="redux-essentials-example"
14791479
allow="geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb"
14801480
sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin"

docs/tutorials/essentials/part-5-async-logic.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1108,7 +1108,7 @@ Here's what our app looks like now that we're fetching data from that fake API:
11081108

11091109
<iframe
11101110
class="codesandbox"
1111-
src="https://codesandbox.io/embed/github/reduxjs/redux-essentials-example-app/tree/58da61f83f6461e51e168a0d08c7fd7c9c9a5092?fontsize=14&hidenavigation=1&module=%2fsrc%2Ffeatures%2Fposts%2FpostsSlice.ts&theme=dark&runonclick=1"
1111+
src="https://codesandbox.io/embed/github/reduxjs/redux-essentials-example-app/tree/ts-checkpoint-3-postRequests?fontsize=14&hidenavigation=1&module=%2fsrc%2Ffeatures%2Fposts%2FpostsSlice.ts&theme=dark&runonclick=1"
11121112
title="redux-essentials-example"
11131113
allow="geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb"
11141114
sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin"

docs/tutorials/essentials/part-6-performance-normalization.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1596,7 +1596,7 @@ We've built a lot of new behavior in this section. Let's see what how the app lo
15961596
15971597
<iframe
15981598
class="codesandbox"
1599-
src="https://codesandbox.io/embed/github/reduxjs/redux-essentials-example-app/tree/b68c49bccc26768b913e6951b0b5cc3b759f3028?fontsize=14&hidenavigation=1&module=%2fsrc%2Ffeatures%2Fposts%2FpostsSlice.ts&theme=dark&runonclick=1"
1599+
src="https://codesandbox.io/embed/github/reduxjs/redux-essentials-example-app/tree/ts-checkpoint-4-listenerToasts?fontsize=14&hidenavigation=1&module=%2fsrc%2Ffeatures%2Fposts%2FpostsSlice.ts&theme=dark&runonclick=1"
16001600
title="redux-essentials-example"
16011601
allow="geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb"
16021602
sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin"

docs/tutorials/essentials/part-7-rtk-query-basics.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -822,7 +822,7 @@ With RTK Query, the actual details of how to manage data fetching, caching, and
822822

823823
<iframe
824824
class="codesandbox"
825-
src="https://codesandbox.io/embed/github/reduxjs/redux-essentials-example-app/tree/ee4f86a206761f347e076086fc08524faac324b2?fontsize=14&hidenavigation=1&module=%2fsrc%2Ffeatures%2Fposts%2FpostsSlice.ts&theme=dark&runonclick=1"
825+
src="https://codesandbox.io/embed/github/reduxjs/redux-essentials-example-app/tree/ts-checkpoint-5-createApi?fontsize=14&hidenavigation=1&module=%2fsrc%2Ffeatures%2Fposts%2FpostsSlice.ts&theme=dark&runonclick=1"
826826
title="redux-essentials-example"
827827
allow="geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb"
828828
sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin"

docs/tutorials/essentials/part-8-rtk-query-advanced.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1426,7 +1426,7 @@ Let's take one last look at the whole application in action:
14261426
14271427
<iframe
14281428
class="codesandbox"
1429-
src="https://codesandbox.io/embed/github/reduxjs/redux-essentials-example-app/tree/feature/tutorial-steps-ts-post-review/?fontsize=14&hidenavigation=1&theme=dark&runonclick=1"
1429+
src="https://codesandbox.io/embed/github/reduxjs/redux-essentials-example-app/tree/ts-checkpoint-6-rtkqConversion?fontsize=14&hidenavigation=1&theme=dark&runonclick=1"
14301430
title="redux-essentials-example-app"
14311431
allow="geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb"
14321432
sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin"

0 commit comments

Comments
 (0)