In this course, you will learn the basics of React.js through building a gradebook web application to manage assignments, students, and grades.
Start Introduction to React Join 397 others!
Congratulations on taking some of your first steps into full stack development.
So why did you decide to click and join this course? Ideally, you are a learner who:
If you understand the topics above, you can start learning modern frontend development with React.
So why do we learn React?
React has growing popularity in the tech industry because of its simplicity. With a simple knowledge of HTML and JavaScript, picking up React shouldn't be too bad.
So what are we going to be building today? We are going to build a gradebook for teachers! Take a look at our solution to see how the finished app looks.
You will be able to add assignments:

You will be able to add students:

You will be able to assign grades to those students for each assignment:

Welcome to React! Let's get started with our project.
Give your app a title by adding a header component
Import a child component into its parent
Add the ability to create assignments
Pass a title prop to the List child component
Add a students state variable to keep track of students
Create a method to add students to our state
Bind the addStudents method to our class
Learn how to pass data back to parent components
Let's confirm you made the right changes
Congrats on finishing the course!
280 minutes
All public courses on Learning Lab are free.
See how collaboration works on GitHub and start building great things, together.
Learn security best practices and keep your project’s contributions—and contributors—safe.
If you are looking for a quick and fun introduction to GitHub, you've found it. This class will get...