Lesson 1.1 – Project Setup and React Basics
Learning Objectives
- Getting started creating a React app
- Understanding React components
- Using JSX in React
- Working with lists in React
Materials
Read the following chapters/sections in the Road to React text:
- React Fundamentals > Hello React
- React Fundamentals > Requirements
- React Fundamentals > Project Setup
- React Fundamentals > Meet the React Component
- React Fundamentals > React JSX
- React Fundamentals > Lists in React
Videos
The following videos have been created, with permission from the author of the Road to React text, to be used as supplemental guides to the text for the sole use by Code the Dream React Class students. NOTE: Not everything covered in the text is covered in these videos, so you do still need to read all the sections listed in Materials above. To open the video in a separate tab via YouTube, click on the blue video header above the video. We have also embedded the videos here so you can watch directly on this page if you prefer.
Road to React – Introduction and Requirements
Road to React – Project Setup
Road to React – Meet the React Component
Road to React – React JSX
Road to React – Lists in React
Below videos are freely available on YouTube and were not made by our organization. It is unknown to us if they were made with the author’s permission or not.
Road to React – Requirements
Road to React – Project Setup
Road to React – Meet the React Component
Road to React – React JSX
Road to React – Lists in React
Assignment
Coding Assignment
The lesson assignment for this week can be found here:
Lesson 1.1 Coding Assignment
Mindset Assignment
This week we would just like you to get settled into a good routine, and become familiar with all the different tools you’ll be using throughout the course. Next week will be your first week that has a Mindset Assignment. Welcome to class! Let us (your Class Coordinator or Mentor(s)) know if you need help with anything!
When you’ve completed your Coding Assignment, submit your assignment (link to your pull request in your GitHub repo) using:
If you need help at all this week finding your way around Slack, this class website, GitHub, or the textbook site please reach out to your Cohort Instructional Leader by using your class email on the main webpage for your class.