React And Web API

React And Web API Course Outline

Getting Started

  • What is react
  • Setting up development environment
  • First React App
  • Custom Configuration

ES6 Refresher

  • Let vs Var vs Const
  • Objects
  • Binding this
  • Arrow Function
  • Object Destructuring
  • Spread Operator
  • Classes and Inheritance

React Components

  • First React Component
  • Specifying Children
  • Rendering Classes Dynamically
  • Rendering and conditional rendering
  • Handling Events
  • Passing Event Arguments

Composing Components in React

  • Composing Components
  • Passing data to components
  • Passing Children
  • Props vs state
  • Lifecycle Hooks

React Pagination, filtering and sorting

  • Pagination Data
  • Filtering items dynamically
  • Sorting on table columns

React Routing

  • Adding Routing
  • Switch and Link
  • Route Parameters
  • Redirects and Programmatic Navigation
  • Nested Routing

React Forms

  • Forms Building
  • Handling Form Submission
  • Validations
  • Validation Errors and JOI

Web-API & Entity Framework Code First Approach

  • Creating the Webservice using WebApi
  • Code First conventions
  • Installing Mongo DB
  • DB Initialization & Inheritance Hierarchy
  • Understanding Domain Classes & Data Annotations
  • Working with Fluent API
  • Dealing with Relationships (one to one, one to many, many to many)
  • DB Initialization Strategy
  • Understanding Migrations
  • Automated & Code Migrations

Calling Backend Services

  • Your First Http Request
  • Getting Data
  • Lifecycle of request
  • Delete and Update data using API
  • Handling Errors and Logs
  • Saving Forms Data

Authentication and Authorization

  • Registering and Logging Forms
  • JSON Web Tokens
  • Logging Out
  • Authorization
  • Protecting Routes

Deployment

  • Environment Variable
  • Production Build
  • Getting Started with Heroku
  • MongoDB in Cloud

Project Session

  • School Management System in React
  • Hotel Management System
  • Property Dealer Management System
  • Commercial website Development

Get Registered: Click here