React Tips Course

Tips Course Overview

Table of Contents

• Content
• Aspects
  • 👶 Introduction
  • 💪 Workout
  • 🦑 Deep
  • ✨ New
  • 🔮 Obscura

Content

Below you can find the ordered content of the topic, in a linear progression

The linear progression of content aims to cover all content, course by course, workout by workout as follows:

• first course is the only core one, denoted by its manifest
• the next course is denoted by the first item of the next array in each course manifest
• each course has its order of workouts designated by the sections field in the same aforementioned manifest

1. common-mistakes-in-react

Insights:

no	name	content	aspects	standards	PQ	RQ	Quiz	done
1	react-dont-mutate-state	✅	💪 workout 🦑 deep	❌	✅	❌	❌	❌
2	react-value-types-and-the-initial-state	✅	💪 workout 🦑 deep	❌	✅	❌	❌	❌
3	react-setstate-is-async	✅	💪 workout 🦑 deep	❌	✅	✅	❌	❌
4	react-current-state-and-next-state	✅	💪 workout 🦑 deep	❌	✅	✅	❌	❌
5	react-dependency-array-for-useeffect	✅	💪 workout 🦑 deep	❌	✅	❌	❌	❌
6	react-dependency-array-for-useeffect-ii	✅	💪 workout 🦑 deep	❌	✅	❌	❌	❌

Exercises:

⚠️ There are no insights in this workout.

Game:

⚠️ There is no game in this workout.

2. good-to-know

Insights:

no	name	content	aspects	standards	PQ	RQ	Quiz	done
1	react-immutability-helpers-in-react	✅	🦑 deep	❌	✅	✅	❌	❌
2	react-load-initial-data-via-ajax	✅	🦑 deep	❌	✅	✅	❌	❌
3	react-reactdom-render-ref	✅	🦑 deep	❌	✅	✅	❌	❌
4	react-null-value-for-controlled-components-in-react	✅	🦑 deep	❌	✅	✅	❌	❌
5	react-fragments-in-react	✅	🦑 deep	❌	✅	✅	❌	❌

Exercises:

⚠️ There are no insights in this workout.

Game:

⚠️ There is no game in this workout.

3. gotchas

Insights:

no	name	content	aspects	standards	PQ	RQ	Quiz	done
1	react-dangerously-set-innerhtml	✅	🦑 deep	❌	✅	✅	❌	❌
2	react-if-else-statements-in-jsx-and-react	✅	💪 workout 🦑 deep	❌	✅	✅	❌	❌
3	react-self-closing-tags-in-jsx	✅	💪 workout 🦑 deep	❌	✅	✅	❌	❌
4	react-using-false-in-jsx	✅	🦑 deep	❌	✅	✅	❌	❌
5	react-react-in-line-styles	✅	💪 workout 🦑 deep	❌	✅	✅	❌	❌

Exercises:

⚠️ There are no insights in this workout.

Game:

⚠️ There is no game in this workout.

4. redux-tips

Insights:

no	name	content	aspects	standards	PQ	RQ	Quiz	done
1	react-async-flow-in-redux	✅	🦑 deep	❌	✅	✅	❌	❌
2	react-avoid-array-mutations	✅	🦑 deep	❌	✅	✅	❌	❌
3	react-avoid-object-mutations	✅	🦑 deep	❌	✅	✅	❌	❌
4	react-combine-reducers-in-redux	✅	🦑 deep	❌	✅	✅	❌	❌

Exercises:

⚠️ There are no insights in this workout.

Game:

⚠️ There is no game in this workout.

Aspects

Given the insights are tagged with aspects, we can filter over the linear content progression and create learning sub-paths.

These sub-path progressions will most likely not cover all content, but they will ensure and enforce an unified learning experience, tailor for the user wish.

For example, a user might be interested in new additions and updates of a language, rather than introduction lessions. Note that these sub-paths don't take games into consideration

👶 Introduction

If you are being introduced to the topic for the first time

⚠️ There are no insights tagged with this aspect in tips. :warning: There are no exercises tagged with this aspect in tips. :warning: There are no games tagged with this aspect in tips.

💪 Workout

Theory put into practice/that’s how you achieve X points

Insights:

1. react-dont-mutate-state
2. react-value-types-and-the-initial-state
3. react-setstate-is-async
4. react-current-state-and-next-state
5. react-dependency-array-for-useeffect
6. react-dependency-array-for-useeffect-ii
7. react-if-else-statements-in-jsx-and-react
8. react-self-closing-tags-in-jsx
9. react-react-in-line-styles

⚠️ There are no exercises tagged with this aspect in tips. :warning: There are no games tagged with this aspect in tips.

🦑 Deep

Prerequisite knowledge consisting of 2 or more 👶/💪 workouts

Insights:

1. react-dont-mutate-state
2. react-value-types-and-the-initial-state
3. react-setstate-is-async
4. react-current-state-and-next-state
5. react-dependency-array-for-useeffect
6. react-dependency-array-for-useeffect-ii
7. react-immutability-helpers-in-react
8. react-load-initial-data-via-ajax
9. react-reactdom-render-ref
10. react-null-value-for-controlled-components-in-react
11. react-fragments-in-react
12. react-dangerously-set-innerhtml
13. react-if-else-statements-in-jsx-and-react
14. react-self-closing-tags-in-jsx
15. react-using-false-in-jsx
16. react-react-in-line-styles
17. react-async-flow-in-redux
18. react-avoid-array-mutations
19. react-avoid-object-mutations
20. react-combine-reducers-in-redux

⚠️ There are no exercises tagged with this aspect in tips. :warning: There are no games tagged with this aspect in tips.

✨ New

Recently added/gained traction feature

⚠️ There are no insights tagged with this aspect in tips. :warning: There are no exercises tagged with this aspect in tips. :warning: There are no games tagged with this aspect in tips.

🔮 Obscura

Stories, obscure details that don’t specifically relate to a learning objective

⚠️ There are no insights tagged with this aspect in tips. :warning: There are no exercises tagged with this aspect in tips. :warning: There are no games tagged with this aspect in tips.

✅ All content has been tagged with aspects.