Homework Week 6

Introduction

Since so much syntax was introduced at once this week, most of this week’s homework is based around getting you more familiar with the core building blocks of React. There is more required reading than usual, and I’m again providing lots of exercises from freeCodeCamp to give you an opportunity to practice.

For the bonus homework, we’re borrowing an assignment from The Odin Project this week, where you’ll be creating a to-do list, which will overlap with Brad Traversy’s crash course (in the bonus reading for the week).

Assignment

1) Read/watch these resources | 29 mins

• [Video] JavasScript ES6 Modules | Web Dev Simplified | 8 mins
• [Video] What is React? | Academind | 6 mins
• [Article] Handling Events | ReactJS | 15 mins

2) freeCodeCamp exercises | 30 mins

Once again, we have some exercises from freeCodeCamp to give you some more practice at using this new syntax.

• JSX elements
• Functional components
• Complex JSX
• Self-closing JSX tags
• Classes in JSX
• Write a React component from scratch
• Using this.setState()
• Using componentDidMount
• Using Array.map with JSX
• Default props
• Conditional rendering with if/else
• Make a counter

3) Week 6 Feedback | 2 mins

Fill out the form for this week’s feedback form here. This will include some standard feedback that you’ll be asked every time, as well as some specific questions for this week.

This will be helpful for me to tweak the course as we go along, and will help me to flag any topics which were confusing, which I should revisit in future lectures.