• Skip to primary navigation
  • Skip to main content
  • Skip to footer
Code The Dream School
Code the Dream Labs Logo

Code The Dream School

Main hub for class materials for Code the Dream’s classes

  • Code the Dream Home

Search Code The Dream School

React Fundamentals: React DOM and Components

Learning Objectives

  • Familiarize yourself with React DOM
  • Build simple React Components

Materials

Read the following chapters/sections in the Road to React text:

  • React Fundamentals > Meet another React Component
  • React Fundamentals > Component Instantiation
  • React Fundamentals > React DOM
  • React Fundamentals > Component Definition

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 – React Components

Road to React – Component Instantiation

Road to React – React DOM

Road to React – React Component Definition


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 – Meet Another React Component

Road to React – Component Instantiation

Road to React – React DOM

Road to React – Component Definition

Assignment

Coding Assignment

The lesson assignment for this week can be found here:
For DOVE class: Dove Lesson 1.2
For all other classes: Lesson 1.2 Coding Assignment

Mindset Assignment

Welcome to the mindset curriculum!

From our experience seeing folks learn new programming skills over the past many cohorts, we have witnessed how much the right mindset makes a difference in building new skills, putting them into practice, and achieving new heights.

When you hear the word mindset, you likely think of growth vs. fixed mindset. And this is one of the most fundamental mindsets to develop as a new software developer! (If you haven’t heard of growth mindset, here’s a TED talk from Carol Dweck, who coined the term.)

But developing the right mindset to learn coding doesn’t stop there—we believe there are a number of important mindsets to develop. Each week, throughout this course, we’ll be posting articles and discussion questions here to help give insight into mindsets that can support not only your learning but your long-term career growth as a software developer.

To help us set the stage for our mindsets, we’ll kick off by first thinking about our goals and motivations and reflecting on how growth mindset has impacted our past learning experiences.

– Why do you want to be a software developer?
– What do you plan to do with your skills after the class ends?
– Can you think of a time when a growth mindset helped you learn or achieve something new?
– What other mindsets have helped you learn new skills?

When you’ve completed your Coding Assignment, and have read and thought about the mindset questions above, submit ALL of your assignments (coding and mindset) using the Assignment Submission Form.

Footer

Copyright © 2025 Code the Dream School | All Rights Reserved | Privacy Policy