react-fundamentals

react-fundamentals copied to clipboard

Here's what's going to be different in the next version of the react-fundamentals workshop (you can find all these changes in the next branch until the videos are re-recorded):

• Everything is TypeScript. There's a new script you can run to remove the TypeScript automatically if you want: ./scripts/remove-ts.
• General improvements to the workshop content based on feedback from learners
• Expanded exercise 2 to include "deep nesting elements" (for more React element practices)
• Expanded exercise 3 to include two new extra credits: "deep nesting elements with JSX" (for more JSX practice and contrasts nicely with the extra credit in exercise 2) and "using React Fragments" (which made a LOT more sense than tacked onto exercise 4).
• Updated exercise 4: Removes prop-types extra credit and introduces props as an extra credit as well as an extra credit to prep for the new exercise 5
• Added exercise 5 (shifted all exercises after this up one): "TypeScript with React"
• Exercise 6 (previously 5) about styling had some general improvements and added a sizeless/colorless box to play around with as well.
• Exercise 7 (previously 6) about forms has been changed quite a bit. I removed all the dynamic error stuff (will move that to the React hooks workshop and it'll focus more on accessibility as well). event.target has been changed to the more correct event.currentTarget. Added an extra credit specific to typing forms with TypeScript. Improved the extra credit about controlled form elements with a much more sensible use case.
• Exercise 8 (previously 7) about rendering lists has been drastically improved. Now there's actually an exercise of writing out the .map to render the elements yourself and the explanation of the problem has been improved a lot. A lot of folks found this one a bit confusing and shallow, so I think the additional information and new blog post references will help.

Conversation locked to avoid conversation about any of these points. These are more notes than anything else. If you want to discuss any of these, open another issue.