Lesson Plan for Week 3

[JonARea]

CYCLE 1

1. Have students fork && clone repo, git checkout --track origin/ws-cycle-1

2. Go over file structure - look at models/data - and npm install, npm run build-watch and npm start (2 tabs) - Focus on babel / webpack

3. Task students to render ‘Hello World!’ using React.DOM (tell them to make changes in browser/index.js)

4. Students work

5. Review solution

CYCLE 2

1. Have students render a Main component, which consists of a Students table with Name column, that returns table rows with student’s full name, taken from the server via axios request. (Draw a wireframe)

2. Students work

3. Review solution

CYCLE 3

1. Have students add a Single Student component which shows the students’ fullname, average grade, and individual grades and subjects. A user can click on details from the table and show the single student’s details.

2. Have students modularize the Main component by refactoring out a StudentList component

3. Students Work

4. Review Solution

5. Go home