Hands-on Web Development with React


Duration: 4 hrs 25 mins

What you’ll learn

  • The secret behind crafting reusable UI components with React
  • Everything you need to know about the inner workings of React 
  • Core concepts you’ll need to build complex interfaces—such as lifecycle methods, PropTypes, event handling, state and props, and reconciliation
  • Create beautiful interfaces with styled components
  • Create an SPA based on real-world requirements
  • Leverage functional programming concepts to build composable components
  • Simple, yet powerful methods for testing components with Jes
  • Various tips and tricks in the field of professional front-end engineering


The best way to explore React is to dive in, build realistic interfaces, and unravel its secrets one by one. This video course is designed to take you on a journey from a fascinated newbie to an expert in advanced concepts and design patterns.

You will work on an SPA project from start to finish and learn how to implement features and interfaces based on real-world requirements. Facing every challenge head-on, you will slowly dissect React and expose its features. Each section will take you through one web development feature with React. You will write components that are maintainable, reusable, stylish (based on CSS-in-JS concepts), and easy to compose. You will tie together all the concepts by turning your small React app into a fully featured Single-Page Application. You will also understand how to add routing, networking, and session management to your project.

By the end of the course, you will be well on your way to becoming a React expert, armed with strong fundamentals and clear conceptual knowledge of advanced patterns.

Target Audience

This video course is for frontend web developers with a good working knowledge of JavaScript. It is ideal for developers who have a basic knowledge of React. js and those who want to create attractive, high-performance user interfaces.

Created By:  Packt