Build a Countdown Timer with React.js

React provides the perfect solution for creating JavaScript-based interfaces, with a huge range of uses for it including building native mobile apps and web apps.

This class will teach you to build dynamic website components and real-time applications with React.js.


  1. Intro to React: Getting Started – watch
  2. Intro to React: Learn the fundamentals – part 1 – watch
  3. Intro to React: Learn the fundamentals – part 2 – watch
  4. Build a Countdown Timer with React.js – watch
  5. Simple Todo List with using React & HTML5 Localstorage – watch
  6. React, Node.js – Build a Quote Generator with a Restful API – watch
  7. Build a Weather App with React, Bootstrap & HTML5 LocalStorage – watch
  8. Learn React Redux in less than 1 hour – watch
  9. Getting Started with React Router – watch
  10. Introduction the React Hooks – watch
  11. Build a FullStack Application with MERN – Part 1 – watch
  12. Build a FullStack Application with MERN – Part 2 – watch


React is a Javascript library, developed in 2013 by Jordan Walke of Facebook. You’ll find React is both very popular (it’s the 5th most starred JS library on GitHub) and used on major sites including on Facebook, Netflix, and Khan Academy.

You’ll love the flexibility of using React with your favorite web technologies (except for jQuery!), and this path will take you from the fundamentals all the way up to building full apps with custom styling. With this class, learn the A-Z of React :

  • the basics and fundamentals with snack-bite size video lessons. From simple to complex, tutorials and exercises will help you get up to speed fast with the main concepts of web development with react.js
  • Understanding React Components (stateless and stateful components)
  • writing and displaying data with JSX
  • Networking with asynchronous HTTP requests & RESTFul APIs
  • Maintain your Application’s State
  • Passing dynamic data with props objects
  • Component lifecycle (componentDidMount, componentDidUpdate)
  • Communication between components
  • Events and event binding
  • Working with State and HTML5 LocalStorage
  • Creating maintainable code with JavaScript Modules
  • Data Persistence with Redux
  • Routing with React Router 4
  • Taking advantage of new ES6 Features
  • The React Hooks (useState, useEffect)
  • + So much more

What we will be building together?

  • A real-time and single page application – Countdown Timer – stating how many days, hours and minutes are left until this awesome event you look forward to.
  • The classic Todo List example to get up to speed with the basics and main concepts in a short amount of time
  • An interactive – checklist – developed with the Bootstrap Library, Font Awesome icons & HTML5 Localstorage
  • A front to back example with MERN (MongoDB, Express.js, React.js & Node.js)
  • a weather widget with the Restful API openweathermap(dot)org
  • + So much more

Who is this class for?

  • Anyone willing to learn and build solid frontend skills
  • Developers who wish to grow and sharpen their javascript skills

There are no reviews yet.

Be the first to review “Build a Countdown Timer with React.js”

Your email address will not be published. Required fields are marked *


Have no product in the cart!