Context Setting - Break the UI into a Component Hierarchy | Coursera

Context Setting

video-placeholder

Loading...

NIIT

Building Interactive User Interfaces Using React Library

Course 4 of 8 in the Frontend Development using React Specialization

Enroll for Free

A frontend application is expected to have an attractive, responsive UI and a seamless UX with swift navigable views. Single Page Applications (SPAs) fulfill these expectations as they are lighter and efficient. React, a popular JavaScript library is used for developing complex user interfaces for single page applications (SPAs). Facebook, Instagram, Netflix, Airbnb etc., are some of the famous websites that use React. In this course, you will learn to construct an SPA by developing reusable and testable React Class components. The library helps you explore React features that enhance the performance of web applications by enabling partial page updates.

Skills You'll Learn

Jest, JSX, React (Web Framework)

From the lesson

Break the UI into a Component Hierarchy

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.

Context Setting1:36

Taught By

NIIT

Try the Course for Free

Explore our Catalog

Join for free and get personalized recommendations, updates and offers.