Learning Objectives
- Understand how to handle changes the user is making to input fields on your site
- Understand how object data can be passed between components
- Understand how state allows data to be altered/page content to be updated over time
- Understand how callback handlers are used to share data up the component tree
Materials
Read the following chapters/sections in the Road to React text:
- React Fundamentals > Handler Functions
- React Fundamentals > React Props
- React Fundamentals > React State
- React Fundamentals > Callback Handlers
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 – Handler Functions
Road to React – React Props
Road to React – React State
Road to React – Callback Handlers
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 – Handler Functions
Road to React – React Props
Road to React – React State
Road to React – Callback Handlers
Assignment
Coding Assignment
The lesson assignment for this week can be found here:
For DOVE class: Dove Lesson 1.3
For all other classes: Lesson 1.3 Coding Assignment
Mindset Assignment
The field of software development is constantly growing and changing—new programming languages, libraries, tools, and best practices are coming out all the time—and what is possible in technology is fueled by the curiosity and open-mindedness of programmers to learn and experiment with new things.
For this week’s mindset prompts we’re going to focus on developing a practice of learning as a way to grow and evolve your technical skills. Here’s a brief episode of Developer Tea that we think gets to the core of good learning habits.
– In your own words, what does it mean to be curious about something?
– What’s one thing that you were curious to learn more about recently (this doesn’t need to be coding-related)? How did you learn more about it?
– What’s one best practice you’ve learned in your first few weeks at CTD that you don’t know “the why” behind? How can you find out “the why”?
When you’ve completed your Coding Assignment, submit your assignment (link to your pull request in your GitHub repo) using:
