• 8 hours
  • Medium

Free online content available in this course.

course.header.alt.is_video

course.header.alt.is_certifying

Got it!

Last updated on 11/8/22

Get the Most Out of This Course

Meet Your Teachers

Max WardehMax is a university lecturer and web development consultant. He has been working in web development for over 20 years.

Ben HongBen is a Senior Developer Experience Engineer at Netlify. He’s passionate about front end and user experience and loves working with the open-source community.

Alexia ToulmetAlexia is a JS web developer. Passionate about front end, she enjoys working on the border between design and development. 

Follow the Course Actively

Welcome to this course on React!

To get the most out of the course, actively practice what you're learning by trying out the examples in the course text and video demonstrations. The most effective way to build your skills is to learn by doing!

Give It a Go!

Throughout this course, you'll encounter an extended exercise that will take you step-by-step through the process of creating your first React application: a website for a plant shop. We’ll work with the concepts covered in each chapter to add new functionalities and enhance the site further.

At the end of each chapter of Part 1 of the course, you’ll find links to two sets of code on CodePen, an online code editor: one set will start you off on an exercise and the other will provide you with a solution.

Afterwards (in Parts 2 and 3), you will access a GitHub repository for the exercises. The code for starting the exercise and for seeing the solution will be on separate branches. For example, for the exercise for Chapter 3 of Part 2, you’ll head to branch  P2C3-begin. For the solution, branch  P2C3-solution .

These exercises will give you practical experience of the concepts discussed in each chapter.

Check Your Understanding

When developing, it’s essential to put what you’ve learned into practice.

The quiz at the end of each part will help you check that you’ve fully understood the key concepts in each chapter and highlight any areas that you need to review.

Try and Try Again!

Remember to go back over the concepts and tasks that you found most challenging. Make sure you’ve fully grasped everything before moving onto the next section. At times you’ll feel as though you’re flying along, but at other times you’ll move more slowly. That’s normal! Go at your own pace, giving yourself time to digest the information 🧠  and complete the exercises. The most important thing is being able to apply what you’ve learned! 

Can’t wait to get started? Then let’s go! See you in the next chapter. 🚀

Ever considered an OpenClassrooms diploma?
  • Up to 100% of your training program funded
  • Flexible start date
  • Career-focused projects
  • Individual mentoring
Find the training program and funding option that suits you best
Example of certificate of achievement
Example of certificate of achievement