Hands-on Web Development with React [Video]

More Information
  • 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 Jest
  • 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.

The code bundle for this video course is available at: https://github.com/PacktPublishing/Hands-on-Web-Development-with-React

Style and Approach

Through a series of videos, we explore React by diving in and building UI components and implementing realistic features. There is no need to get stuck explaining concepts before they're needed; we will unravel the complexity behind React (and its supporting tools) only when we need them.

This step-by-step process allows you to follow along with full commitment. As you build your own app alongside these videos, you will enjoy a feeling of accomplishment and insight with every new trick you gradually add to your skill set.

  • Dive into React right away and create real-world interfaces
  • Build a fully-featured Single-Page Application with CRUD operations, routing, and multi-role systems
  • Master advanced patterns based on functional programming concepts
Course Length 4 hours 25 minutes
ISBN 9781789343915
Date Of Publication 25 Sep 2018


Filip Danić

Filip Danić is a software engineer, JavaScript enthusiast, and tech speaker. He's worked on web applications—both on the frontend and backend—for enterprise clients as well as VC-backed startups. His code and architecture decisions are deployed at several Fortune 500 companies.
Filip is passionate about the JavaScript ecosystem and is constantly exploring new frameworks and tools. He is particularly enthusiastic about applying functional programming concepts, crafting good documentation, and providing a better development experience for others.