In this workshop we'll cover the following topics:
- JSX
- Function components
- Props
- Conditional rendering
- The
useSate
hook - Derived state
- Callback props
- The
children
prop - The
useEffect
hook
-
Open the following CodeSandbox: https://codesandbox.io/s/github/bouwe77/lakehub-react-foundation-workshop
-
Please find the exercises in the
src/exercises
folder. -
Start with the first exercise,
01-jsx-function-components
, and follow the instructions in code comments from 01, 02, etc. Example:
/* 🌟 [01] - Create a React function component named "App". */
-
It's up to you whether or not you'll remove these comments as soon as they are done.
-
Move on the the second exercise, etc.
-
During the workshop I am there, so feel free to ask for my help.
-
Or ask your co-worker, because that can be a great learning experience for both of you!
-
You can also contact me on Twitter.