Converting existing react training to academy

[mikedane]

The purpose of this issue is to discuss the process of taking the existing react training materials developed for Sufferfest, and converting them into Bitovi Academy content.

In the kick-off meeting, we discussed and outlined a plan for doing the conversion. Specifically the goal is to take the slide and exercise content from the original repo and format it in such a way that any user can walk through it and learn the concepts in a self directed way.

The new training should follow the rough structure outlined in the RxJS modules.

We also outlined a few actionable deliverables for the project:

• Create the rough structure of the training in academy, including the pages and headers for each.
• Build out one training in full
• Build out the remaining trainings

@justinbmeyer also requested a review of the new promises content content, which should be published.

A list of topics that were covered in the initial training is below, I've checked off the one's I feel would be best suited for the first round of bitovi academy conversions. @dcrescim @christopherjbaker maybe you guys can provide some more insight here on what you think we should prioritize based on the training you gave.

Checkmark indicates it will be included on academy

• Setting up a react environment
• Intro to JSX
• React theory
• Props
• Styling
• Hooks intro
• Stateful Hooks
• Controlled vs uncontrolled
• Context Hooks
• Optimization Hooks
• Functional Testing
• HTTP Requests in React
• Github Actions - CI
• Realtime
• Responsive React
• React Router

I'm prepared to implement all of this over the next couple weeks, and I'll keep you all updated on my progress through the project-react slack channel.

Feel free to add comments or edit any of the checkboxes above!

A final reminder, that I'm currently in Sydney (Australian Eastern Standard Time - GMT+10) so I may not be immediately reachable in the mornings for the states, but I'll be monitoring slack as much as possible!

[mikedane]

TODOS

I'm offboarding from the project, so want to document all of the remaining things that need to be done before this training is ready to go live.

• Justin finishes reviewing each section and feedback is addressed
  • I'm guessing this will spawn some additional conversation/tasks
• Need to figure out a good way to display React code which can be "Run in Codepen". At the moment it requires a bunch of ugly boilerplate.
• React training card added to homepage
• Academy site deployed to HubSpot