This course is part of the Frontend Development using React Specialization

NIIT

Offered By

Frontend Development using React SpecializationNIIT

About this Course

1,802 recent views

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.

Flexible deadlines

Reset deadlines in accordance to your schedule.

Shareable Certificate

Earn a Certificate upon completion

100% online

Start instantly and learn at your own schedule.

Coursera Labs

Includes hands on learning projects.

Learn more about Coursera Labs

Course 5 of 8 in the

Frontend Development using React Specialization

Intermediate Level

Approx. 5 hours to complete

English

Could your company benefit from training employees on in-demand skills?

Try Coursera for Business

What you will learn

Build React functional components and create reusable and testable stateful logic using React Hooks

Skills you will gain

React Hooks
React Hooks testing library

Flexible deadlines

Reset deadlines in accordance to your schedule.

Shareable Certificate

Earn a Certificate upon completion

100% online

Start instantly and learn at your own schedule.

Coursera Labs

Includes hands on learning projects.

Learn more about Coursera Labs

Course 5 of 8 in the

Frontend Development using React Specialization

Intermediate Level

Approx. 5 hours to complete

English

Could your company benefit from training employees on in-demand skills?

Try Coursera for Business

Instructor

NIIT

11,300 Learners

13 Courses

Offered by

NIIT

See how employees at top companies are mastering in-demand skills

Learn more about Coursera for Business

Syllabus - What you will learn from this course

Week1

Week 1

3 hours to complete

Build React Components using Functions and React Hooks

"A component is the fundamental unit of an SPA which is reusable as it can exist independently. In React, the state of the component is managed within the component. It is therefore recommended to develop a reusable stateful logic that can be used by multiple components. As a React developer, you need to create function components that support Hooks for creating reusable stateful logic .In this learning sprint, you will explore built-in React Hooks and develop custom Hooks with reusable stateful logic. The hands-on assignments included in this learning sprint will enable you to manage state in function components, create side effects like fetching data from the server or handling timer events using built-in React Hooks. You will also learn to develop reusable stateful logic using custom Hooks."

3 hours to complete

19 videos (Total 66 min), 2 readings, 3 quizzes

19 videos

Context Setting5mCreate Function Components1mWatch and Repeat : Display Greetings Message With Username2mRecall State Management in React7mManage State Using useState Hook1mWatch and Repeat : Display Count of Button Clicks2mHandle State Management Efficiently Using useReducer Hook1mWatch and Repeat : Implement State Management With User Authentication10mCreate Custom Hooks for Reusable Stateful logic1mWatch and Repeat : Develop Reusable Stateful Logic to Track Mouse Position3mProduce Side Effects Using useEffect Hook5mWatch and Repeat : Display the Duration for which Web Page was Viewed2mSharing Data among Components Using useContext Hook1mWatch and Repeat : Define Dark and Light Themes and Apply it to Multiple Components4mPractice Brief3mPractice Debrief4mChallenge Brief2mChallenge Debrief3mLearning Consolidation1m

2 readings

Instructions to upload the Programming Assignment Solution10mBuild React Components using Functions and React Hooks10m

1 practice exercise

Build React Components using Functions and React Hooks35m

Week2

Week 2

3 hours to complete

Test Custom Hooks Using React Hooks Testing Library

"Any unit of the code written should be testable. In React, the custom Hooks help to develop reusable stateful logic and hence, as a developer you should write a test code to test the custom Hooks.In this learning sprint, you will explore the functionalities provided by the react-hooks-testing-library for testing custom Hooks. The hands-on assignments included with the sprint will enable you to write test cases to test custom Hooks that manage the state of the component with event triggers, asynchronous server calls and change in props or context values."

3 hours to complete

16 videos (Total 44 min), 1 reading, 2 quizzes

16 videos

Context Setting1mWatch and Repeat : Test Custom Hook3mMake Use of React-Hooks-Testing-Library to test Custom Hooks3mTest for Initial State Values on Rendering1mWatch and Repeat : Test Custom Hook on Rendering3mTest for State Changes on Event Trigger43sWatch and Repeat : Test Custom Hook on State Updates4mTest for State Changes on Change in Props45sWatch and Repeat : Test Custom Hook for State Updates by Props4mTest for State Changes on Change in Context Value54sWatch and Repeat : Test Custom Hook on State Updates by Context Values4mTest for State Changes on Asynchronous Updates1mWatch and Repeat : Test Custom Hook for Asynchronous State Updates4mPractice Brief2mPractice Debrief5mLearning Consolidation1m

1 reading

Test Custom Hooks Using React Hooks Testing Library10m

1 practice exercise

Test Custom Hooks Using React Hooks Testing Library30m

About the Frontend Development using React Specialization

If innovation and creativity in technology attracts you and developing impressive webpages are your passion, then this specialization is for you.

Front-end developers are skilled professionals who are experts in combining the art of designing with the science of programming. The skills acquired in this field presents copious opportunities for individuals like you in the field of web application development. This Specialization transforms learners with no programming background into front-end Web developers who can build highly engaging consumer-facing, rich front-end Single Page Application (SPA).

Frequently Asked Questions

When will I have access to the lectures and assignments?
Access to lectures and assignments depends on your type of enrollment. If you take a course in audit mode, you will be able to see most course materials for free. To access graded assignments and to earn a Certificate, you will need to purchase the Certificate experience, during or after your audit. If you don't see the audit option:
The course may not offer an audit option. You can try a Free Trial instead, or apply for Financial Aid.
The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.
What will I get if I subscribe to this Specialization?
When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile. If you only want to read and view the course content, you can audit the course for free.
Is financial aid available?
Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.

More questions? Visit the Learner Help Center.

Build employee skills, drive business results

Discover Coursera for Business

Building User Interfaces Using Functional React Components

About this Course

What you will learn

Skills you will gain

Instructor

NIIT

Offered by

NIIT

Syllabus - What you will learn from this course

Build React Components using Functions and React Hooks

Test Custom Hooks Using React Hooks Testing Library

About the Frontend Development using React Specialization

Frequently Asked Questions

Learn Something New

Popular Data Science Courses

Popular Computer Science & IT Courses

Popular Business Courses

Coursera

Community

More

Building User Interfaces Using Functional React Components

About this Course

What you will learn

Skills you will gain

Instructor

NIIT

Offered by

NIIT

Syllabus - What you will learn from this course

Build React Components using Functions and React Hooks

Test Custom Hooks Using React Hooks Testing Library

About the Frontend Development using React Specialization

Frequently Asked Questions

Coursera Footer

Learn Something New

Popular Data Science Courses

Popular Computer Science & IT Courses

Popular Business Courses

Coursera

Community

More