React Front End Lesson Plan
Description
We will cover front end development in JavaScript, in particular using React to build a f/e application
Outcomes
At the end of this training you will be able to:
- Set up a React application locally to run as you develop
- Construct complex UI from nested components
- Manage state within a f/e application
Learner Requirements
- Some knowledge of JS and ES6
- Have NodeJS/NPM installed
- Familiarity with the command line
- Be able to use git (probably just a clone)
Outline
Day 1:
- Intro
- Why learn JavaScript?
- Discussion: how much JS have ppl done / how much in the workplace
- What is React / Why should we use it?
- 1 hour task: set up project, run locally, make a couple of small changes, one of these ideas:
- Tic tac toe game
- Meme generator
- A chat room app
- A habit tracker
- A chess game
- Discussion / Q&A about this
Day 2:
- Recap
- 5 hour group exercise in React/ maybe Redux
- Review / Wrap-up
Tasks
During Training
- Learn the basics of setting up, developing and building a JS project
- Try to finish a basic project in React / Redux
After Training
- Try to develop application further
- ???