Monthly Subscription Starting at AED 99 + VAT

Building Navigational Workflows Using React
  • Level Professional
  • Duration 10 hours
  • Course by NIIT
  • Offered by

About

Forms are an essential part of modern-day workflow. They are the primary medium of collecting, validating, and storing user data to provide great user experience. React library helps in developing forms using controlled components. Alternatively, open-source Libraries like Formik can be used for handling form input validations and form submissions efficiently. Additionally, React library is supported by React Router library which facilitates developers to rapidly enable routing between components. In this course, you will explore React forms, Formik library and React Router library for creating navigational workflows.

Modules

Context Setting

    • 1 Videos
Show info about module content

1 Videos

  • Context Setting

1.1 Create Controlled Components to Implement React Forms​

    • 2 Videos
Show info about module content

2 Videos

  • Create Controlled Components to Implement React Forms​
  • Watch and Repeat : Build React Forms using Controlled Components

1.2 Build Uncontrolled Components to handle Forms​

    • 2 Videos
Show info about module content

2 Videos

  • Build Uncontrolled Components to handle Forms​
  • Watch and Repeat : Build React Forms using Uncontrolled Components

1.3 Manage Validations and Error Messages in React Forms​

    • 2 Videos
Show info about module content

2 Videos

  • Manage Validations and Error Messages in React Forms​
  • Watch and Repeat : Validate React Forms using Custom Validation

Practice

    • 2 Videos
    • 1 Readings
    • 1 Programming
Show info about module content

1 Programming

  • ViewTube With Upload Functionality Using Controlled Component

2 Videos

  • Practice Brief
  • Practice Debrief

1 Readings

  • Instructions to upload the Programming Assignment Solution

Summary

    • 1 Videos
    • 1 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Building Forms in React

1 Videos

  • Learning Consolidation

1 Readings

  • Building Forms in React

Context Setting

    • 1 Videos
Show info about module content

1 Videos

  • Context Setting

2.1 Explain getting values IN and OUT of Form state using Formik

    • 1 Videos
Show info about module content

1 Videos

  • Explain getting values IN and OUT of Form state using Formik

2.2 Create Custom Validations using Formik​

    • 2 Videos
Show info about module content

2 Videos

  • Create Custom Validations using Formik​
  • Watch and Repeat : Build React Forms using Formik Library

2.3 Manage Validations and Error Messages using Yup

    • 2 Videos
Show info about module content

2 Videos

  • Manage Validations and Error Messages using Yup
  • Watch and Repeat : Validate React Forms using Yup

Practice

    • 2 Videos
    • 1 Programming
Show info about module content

1 Programming

  • ViewTube With Upload Functionality Using Formik

2 Videos

  • Practice Brief
  • Practice Debrief

Summary

    • 1 Videos
    • 1 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Building Forms in React using Formik

1 Videos

  • Learning Consolidation

1 Readings

  • Building Forms in React using Formik

Context Setting

    • 1 Videos
Show info about module content

1 Videos

  • Context Setting

3.1 Create Route enabled React Web Application

    • 2 Videos
Show info about module content

2 Videos

  • Create Route enabled React Web Application
  • Watch and Repeat : Configure React Router for React Application

3.2 Explain Loading Components Dynamically using the React Router configuration​

    • 2 Videos
Show info about module content

2 Videos

  • Explain Loading Components Dynamically using the React Router configuration​
  • Watch and Repeat : Use React Router And Make Application Navigable

3.3 Create Nested Routes with Route Parameters

    • 2 Videos
Show info about module content

2 Videos

  • Create Nested Routes with Route Parameters
  • Watch and Repeat : Configure Nested Routes and Route with Parameter

3.4 Define Wildcard Route Navigation​

    • 1 Videos
Show info about module content

1 Videos

  • Define Wildcard Route Navigation​

Practice

    • 2 Videos
    • 1 Programming
Show info about module content

1 Programming

  • Image Gallery

2 Videos

  • Practice Brief
  • Practice Debrief

Challenge

    • 2 Videos
    • 1 Programming
Show info about module content

1 Programming

  • ViewTube with Navigation

2 Videos

  • Challenge Brief
  • Challenge Debrief

Summary

    • 1 Videos
    • 1 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Navigate between views using React Routers

1 Videos

  • Learning Consolidation

1 Readings

  • Navigate between views using React Routers

Auto Summary

Join this professional course on Coursera to master building navigational workflows using React. Focused on IT & Computer Science, you'll learn to create and manage forms with controlled components and Formik, and enable routing with React Router. Perfect for developers seeking to enhance their skills, the course spans 600 minutes and is available through Starter and Professional subscriptions.

NIIT
Instructor

NIIT