courseraПрограммирование

Building User Interfaces Using Functional React Components

Курс от NIIT

Средний≈ 5.9 чАнглийский

О курсе

React Components are generally implemented using Classes. Although they work well, they have their own set of limitations. The stateful logic provided by the class components lack reusability. To enhance the productivity, codes developers are expected to develop codes with reusability. This course will enable you to develop simple, readable, React components with reusable stateful logic using JavaScript functions and React Hooks. You will also explore the different React Hooks and test the stateful logic.

Навыки, которые вы освоите

React.js Code Reusability Development Testing Context Management Software Testing Event-Driven Programming Test Case UI Components Test Script Development Unit Testing Data Sharing JavaScript Frameworks

Программа курса

2 модулей · 43 учебных материалов

01Build React Components using Functions and React Hooks24 материалов

1.3 Manage State Using useState Hook

Учитесь у экспертов

NIIT

Преподаватель курса

В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 5.9 ч

2 модулей

Язык: Английский

Субтитры: Арабский, Французский, Украинский, Китайский (Китай), Греческий, Итальянский, Бразильский португальский, Нидерландский, Корейский, Немецкий, Русский, Тайский, Индонезийский, Шведский, Турецкий, Испанский, Хинди, Японский, Казахский, Польский

Building User Interfaces Using Functional React Components

О курсе

Навыки, которые вы освоите

Программа курса

Context Setting

1.1 Create Function Components

1.2 Recall State Management in React

1.3 Manage State Using useState Hook

Учитесь у экспертов

NIIT

1.4 Handle State Management Efficiently Using useReducer Hook

1.5 Create Custom Hooks for Reusable Stateful logic

1.6 Produce Side Effects Using useEffect Hook

1.7 Sharing Data among Components Using useContext Hook

Practice

Challenge

Summary

Context Setting

2.1 Make Use of React-Hooks-Testing-Library to test Custom Hooks

2.2 Test for Initial State Values on Rendering

2.3 Test for State Changes on Event Trigger

2.4 Test for State Changes on Change in Props

2.5 Test for State Changes on Change in Context Value

2.6 Test for State Changes on Asynchronous Updates

Practice

Summary

Building User Interfaces Using Functional React Components

О курсе

Навыки, которые вы освоите

Программа курса

Context Setting

1.1 Create Function Components​

1.2 Recall State Management in React​

1.3 Manage State Using useState Hook

Учитесь у экспертов

NIIT

1.4 Handle State Management Efficiently Using useReducer Hook​

1.5 Create Custom Hooks for Reusable Stateful logic​

1.6 Produce Side Effects Using useEffect Hook

1.7 Sharing Data among Components Using useContext Hook​

Practice

Challenge

Summary

Context Setting

2.1 Make Use of React-Hooks-Testing-Library to test Custom Hooks​

2.2 Test for Initial State Values on Rendering

2.3 Test for State Changes on Event Trigger

2.4 Test for State Changes on Change in Props

2.5 Test for State Changes on Change in Context Value​

2.6 Test for State Changes on Asynchronous Updates​

Practice

Summary

1.1 Create Function Components

1.2 Recall State Management in React

1.4 Handle State Management Efficiently Using useReducer Hook

1.5 Create Custom Hooks for Reusable Stateful logic

1.7 Sharing Data among Components Using useContext Hook

2.1 Make Use of React-Hooks-Testing-Library to test Custom Hooks

2.5 Test for State Changes on Change in Context Value

2.6 Test for State Changes on Asynchronous Updates