Interactive React web pages require stateful components to manage their own state which can be even pass down to its child components using props. As a developer, you will be required to create stateful components to accept user inputs, to add elements which are interactive and fetch data before rendering. In this learning sprint , you will learn to create React class components and manage state by handling events. You will explore the concept of virtual DOM and reconciliation. Hands-on practice will help you to build stateful class components with better code readability using JSX syntax.

Single Page Applications created on component-based-approach scales well as the components can be reused. While developing an SPA, the first step is to identify components and build its hierarchy. As a front-end developer, you will be required to identify and create reusable components for the React web application. In this learning sprint, you will explore the principles required to break down a user interface into a component hierarchy. You will also learn how to share data between multiple components. Hands-on practice will help you to acquire skills to create React projects quickly using the create-react-app tool which offers a modern build setup with no configuration.

State management is a complex process that requires clear understanding of a component’s life cycle. To efficiently manage state at various phases in the life of component, a front-end developer is expected to have skills to work effortlessly with the life cycle methods of the React component. In this learning sprint, you will learn about the different life cycle methods that help monitor and manipulate the React class components. Hands-on exercises provided with this sprint enables you to manage the component state while fetching data from the server and to handle the JavaScript errors.

Testing is an integral process of development as it helps in identifying defects/bugs during the early stages of development. Unit testing involves testing of individual components of the software program or application. As a React developer, the components should be adequately tested for correctness, completeness and performance. In this learning sprint, you will learn to write test code for testing React class components using Jest framework. Hands-on exercises of this sprint will help you to explore common testing patterns for writing test codes. The exercises will enable you to write test cases for various state management scenarios.