React Introduction Course

Introduction 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. intro-react

Insights:

no	name	content	aspects	standards	PQ	RQ	Quiz	done
1	react-what-is-react	✅	👶 introduction	❌	✅	✅	❌	❌
2	react-what-is-jsx	✅	👶 introduction	❌	✅	✅	❌	❌
3	react-intro-components	✅	👶 introduction	❌	❌	❌	❌	❌
4	react-why-use-react	✅	👶 introduction	❌	✅	✅	❌	❌
5	react-what-i-need-to-use-react	✅	👶 introduction	❌	✅	✅	❌	❌

Exercises:

⚠️ There are no insights in this workout.

Game:

⚠️ There is no game in this workout.

2. fundamentals

Insights:

no	name	content	aspects	standards	PQ	RQ	Quiz	done
1	react-the-react-element	✅	👶 introduction	❌	✅	✅	❌	❌
2	react-the-react-component	✅	👶 introduction	❌	✅	✅	❌	❌
3	react-using-react-components	✅	👶 introduction	❌	✅	❌	❌	❌

Exercises:

⚠️ There are no insights in this workout.

Game:

⚠️ There is no game in this workout.

3. fundamentals-ii

Insights:

no	name	content	aspects	standards	PQ	RQ	Quiz	done
1	react-what-are-props	✅	👶 introduction	❌	✅	✅	❌	❌
2	react-what-is-state	✅	👶 introduction	❌	✅	✅	❌	❌
3	react-function-components	✅	👶 introduction 🦑 deep	❌	✅	❌	❌	❌
4	react-data-flow-in-react	✅	👶 introduction	❌	✅	✅	❌	❌

Exercises:

⚠️ There are no insights in this workout.

Game:

⚠️ There is no game in this workout.

4. basics-i

Insights:

no	name	content	aspects	standards	PQ	RQ	Quiz	done
1	react-the-component-lifecycle	✅	👶 introduction	❌	✅	✅	❌	❌
2	react-component-lifecycle-methods	✅	👶 introduction	❌	✅	✅	❌	❌
3	react-rendering-multiple-components	✅	👶 introduction	❌	✅	✅	❌	❌
4	react-forms-in-react	✅	🦑 deep	❌	✅	✅	❌	❌
5	react-event-handling-in-react	✅	🦑 deep	❌	✅	✅	❌	❌

Exercises:

⚠️ There are no insights in this workout.

Game:

⚠️ There is no game in this workout.

5. basics-ii

Insights:

no	name	content	aspects	standards	PQ	RQ	Quiz	done
1	react-conditional-rendering-part-1	✅	👶 introduction	❌	✅	✅	❌	❌
2	react-conditional-rendering-part-2	✅	👶 introduction	❌	✅	✅	❌	❌
3	react-the-ref-callback-attribute	✅	🦑 deep	❌	✅	✅	❌	❌
4	react-jsx-spread-attributes	✅	🦑 deep	❌	✅	✅	❌	❌
5	react-destructuring-arguments	✅	🦑 deep	❌	✅	✅	❌	❌

Exercises:

⚠️ There are no insights in this workout.

Game:

⚠️ There is no game in this workout.

6. introduction-to-hooks

Insights:

no	name	content	aspects	standards	PQ	RQ	Quiz	done
1	react-why-were-hooks-needed	✅	✨ new 💪 workout 🦑 deep	❌	✅	✅	❌	❌
2	react-what-are-hooks	✅	✨ new 💪 workout 🦑 deep	❌	✅	✅	❌	❌
3	react-state-hooks	✅	✨ new 💪 workout 🦑 deep	❌	✅	✅	❌	❌
4	react-effect-hooks	✅	✨ new 💪 workout 🦑 deep	❌	✅	✅	❌	❌
5	react-rules-of-hooks	✅	✨ new 💪 workout 🦑 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

Insights:

1. react-what-is-react
2. react-what-is-jsx
3. react-intro-components
4. react-why-use-react
5. react-what-i-need-to-use-react
6. react-the-react-element
7. react-the-react-component
8. react-using-react-components
9. react-what-are-props
10. react-what-is-state
11. react-function-components
12. react-data-flow-in-react
13. react-the-component-lifecycle
14. react-component-lifecycle-methods
15. react-rendering-multiple-components
16. react-conditional-rendering-part-1
17. react-conditional-rendering-part-2

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

💪 Workout

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

Insights:

1. react-why-were-hooks-needed
2. react-what-are-hooks
3. react-state-hooks
4. react-effect-hooks
5. react-rules-of-hooks

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

🦑 Deep

Prerequisite knowledge consisting of 2 or more 👶/💪 workouts

Insights:

1. react-function-components
2. react-forms-in-react
3. react-event-handling-in-react
4. react-the-ref-callback-attribute
5. react-jsx-spread-attributes
6. react-destructuring-arguments
7. react-why-were-hooks-needed
8. react-what-are-hooks
9. react-state-hooks
10. react-effect-hooks
11. react-rules-of-hooks

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

✨ New

Recently added/gained traction feature

Insights:

1. react-why-were-hooks-needed
2. react-what-are-hooks
3. react-state-hooks
4. react-effect-hooks
5. react-rules-of-hooks

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

🔮 Obscura

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

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

✅ All content has been tagged with aspects.