Build Web Applications with React

Learn to create responsive Web Applications with React – Build your own ‘To-Do’ web app and deploy it online for the world to see!


  • 14 Lessons
  • Lifetime, 24/7 Access
  • Certificate of Completion
Join +250,000 Satisfied Students


This title is part of the Full-Stack Web Development Mini-Degree

React is a JavaScript library for building responsive user interfaces, created by Jordan Walke, a software engineer at Facebook. It was first deployed on Facebook‘s newsfeed in 2011 and later on Instagram in 2012. It was open-sourced at JSConf US in May 2013.

This course will teach you how to create a fully-featured To-do app from scratch, connected to a local database using ReactJS. Not only this, but you’ll learn how to deploy it online, so you can use it whenever you want and easily show it on your Resume or personal website as part of your portfolio. It covers beginner to intermediate topics, so let’s take a closer look:

What you’ll learn

  • Install React Developer Tools on your favorite browser for easy debugging
  • Install NodeJS on your computer
  • Learn the difference between jQuery (imperative) and React (declarative)
  • Learn the difference between Angular 2.x (two-way data binding) and React (one-way data flow)
  • Learn to transform your HTML code to React Code
  • Create a React app in five minutes without using npm
  • Create a React app fully configured with sensible defaults to allow for usage of ES6 and JSX


  • Learn JSX and what it actually does
  • JavaScript interpolation and styling in React
  • Utilize a 3rd party UI library’s components to make your app look nice
  • Use component state to store your todos
  • Update states based on user interaction
  • Use the React event to extract data from input elements
  • Use component props to reduce complexity of your app


  • Use JSON Server to create a fake database to store data 
  • Use lifecycle methods to perform certain tasks whenever a React component is at a certain stage of its life
  • Learn about GET, POST and DELETE requests


  • Getting started with Heroku
  • Deploy to Heroku with just a few lines of code
  • Use a reverse proxy to make development and deployment simpler

About the Author

Rasheed Bustamam is a full-stack engineer, whose day-to-day roles include training enterprise clients to adapt NodeJS as the foundation of their web applications stack. Outside of the job, he enjoys writing and creating courses to help people become more proficient in their web development careers.

When he’s not working or training, he can usually be found binge watching series or playing board games with his wife.

About the Full-Stack Web Development Mini-Degree

The Full-Stack Web Development Mini-Degree is the world’s most effective way to become a professional web developer. This Mini-Degree provides life-long access to a curriculum of online video courses, which will enable you to master some of Silicon Valley’s most popular techniques and frameworks. With no prior programming experience required to enroll, this course is everything you need to master the creation of beautiful websites, and scalable, modern full-stack JavaScript applications.

+ Show More


+ Show More


  • Intermediate Javascript skills
  • A code Editor