The following items define the scope of the lesson. The lesson outline is flexible; you can improve, expand, and omit items whilst writing lesson content (make sure the pull request description mentions that).
The key should've been brought up in list rendering in the last lesson, "Rendering Techniques"
Explain what keys are and how React uses them
Give examples of good keys and dissuade learners from patterns like: key={uniqid()}
Acceptance Criteria
If the requirements here are not met, the work effort is not complete.
[ ] Lesson conforms to the outline above (unless outline has been modified).
We'll use CodeSandbox for interactive examples. To add these examples, follow the instructions in the react-examples repository and create a Pull Request there. When approved, the example will eventually be uploaded to CodeSandbox. In the meantime, leave a placeholder in the lesson file like so:
// some lesson content
**EXAMPLE GOES HERE**
// some lesson content
Michaelleojacob
commented
2 years ago
Lesson: Keys In React
Section: Getting Started With React
196
Lesson Overview
Discuss the key attribute
Lesson Outline
The following items define the scope of the lesson. The lesson outline is flexible; you can improve, expand, and omit items whilst writing lesson content (make sure the pull request description mentions that).
key={uniqid()}Acceptance Criteria
If the requirements here are not met, the work effort is not complete.
Additional Information
Get The Lesson Template
Download the lesson template using the following command (replace lesson_name with the actual lesson name):
Adding Interactive Examples
We'll use CodeSandbox for interactive examples. To add these examples, follow the instructions in the react-examples repository and create a Pull Request there. When approved, the example will eventually be uploaded to CodeSandbox. In the meantime, leave a placeholder in the lesson file like so: