LakeHub Academy React Foundation Workshop

Welcome!

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

Getting Started

1. Open the following CodeSandbox: https://codesandbox.io/s/github/bouwe77/lakehub-react-foundation-workshop

2. Please find the exercises in the src/exercises folder.

3. 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". */

4. It's up to you whether or not you'll remove these comments as soon as they are done.

5. Move on the the second exercise, etc.

Questions?

1. During the workshop I am there, so feel free to ask for my help.

2. Or ask your co-worker, because that can be a great learning experience for both of you!

3. You can also contact me on Twitter.