Lesson: Type Checking with PropTypes

Section: React Ecosystem

200

Lesson Overview

Type checking with the PropTypes library.

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).

A short lesson that covers a couple of features in PropTypes
Give an example of the usage of Component.propTypes and Component.defaultProps.
Mention TypeScript as an alternative that allows to type-check the whole application and more.

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).
[ ] Lesson follows our Layout Style Guide.

Additional Information

Get The Lesson Template

Download the lesson template using the following command (replace lesson_name with the actual lesson name):

curl -o <lesson_name>.md https://raw.githubusercontent.com/TheOdinProject/curriculum/main/templates/lesson-template.md

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:

// some lesson content

**EXAMPLE GOES HERE**

// some lesson content

TheOdinProject / top-meta

Lesson: Type Checking with PropTypes #252