Menu Close

React JS

Customized ONLINE Classes available.

Course Name Starting Date Time Faculty Name
React JS 19-DEC-2020 10:00am Mr.Kiran
React JS 23-DEC-2020



React JS is a JavaScript library used in web development for building user interfaces using interactive elements on a website. It is maintained by Facebook and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications. React can also render on the server using Node and power mobile apps using React Native. React finds out what changes have been made, and changes only what needs to be changed. React uses a declarative model that makes it easier to set a reason about your application and aims to be both efficient and flexible. It designs simple views for each state in your application, and React will efficiently update and render just the right component when your data changes. The declarative view makes your code more predictable and easier to debug and so is the choice of many web developers.

This course is intended for everyone who would like to develop and design an enterprise solution with the help of Microsoft technologies and tools build web as well as commerce application

  • Web Developer
  • Software Developer

Web developers with a good knowledge on javascript

• ES6
• Let, const keywords and Block Scope
• for of, for in
• Template literals
• Rest Parameters and Spread Operators
• Object Literals, Object Constructors and Function Closures
• Classes
• Inheritance
• Static Properties and Methods
• Iterators and Iterables
• Generators
• Modules (export and import)
• Introduction to Bable

Module 2: Reactjs Basics.
• Introduction to React
• Uses of React
• First react application in online
• Installing Reactjs
• Creating and running first application in local system
• Working With React.render
• Application folder structure

Module 3: Introduction to JSX and it’s working
• Working with React. Create
• Embedding Expressions in JSX
• Attributes in JSX
Children in JSX
• JSX in Depth

Module 4: Working with Elements
• Introduction to elements
• Rendering elements into DOM
• Updating Rendered Elements

Module 5: Reactjs Components and Props
• Introduction to Components
• Types of components
• Function Component
• Class Component
• Components Composition and Extraction
• Passing Data to Component using props
• Validating props using prop types
• Providing default values to props using default props

Module 6: Understanding State and Component Lifecycle
• Uses of State
• Read state and set state
• Working with Component LifeCycle

Module 7: Events and Event Handling
• Difference Between Javascript Event Handling and Reactjs Event Handling
• Working with Event Handling
• Passing arguments to event handlers

Module 8: Working with Conditional Rendering
• Conditionally rendering a part of component
• Inline if with Logical And and if else with conditional operator
• Preventing Components from Rendering

Module 9: Rendering list and using keys
• Rendering Collection of values
• Working with keys for stable identity
• Using map method in JSX

Module 10: Working With forms
• HTML Form submission V/s Controlled components
• Uncontrolled components
• Significance to defaultValue prop

• Using react ref prop to get access to DOM element
• Access to DOM using ‘ref ’.

Module 11: Working with Portals
• Usage of Portals
• Bubbling Through portals

Module 12: Understanding error boundaries
• Introduction to error boundaries

Module 13: React’s fiber architecture
Introduction to React’s fiber architecture

Module 14: Routing With react router
• Setting up react router
• Understand routing in single page applications
• Working with BrowserRouter and HashRouter components
• Configuring route with Route component
• Using Switch component to define routing rules
• Making routes dynamic using route params
• Working with nested routes
• Navigating to pages using Link and NavLink component
• Redirect routes using RedirectComponent
• Using Prompt component to get consent of user for navigation
• Path less Route to handle failed matches

Module 15: Just Redux
• Introduction to redux
• Uses of redux
• Redux principles
• Install and setup redux
• Working with redux by Creating actions, reducer and store

Module 16: Working with Immutable.js
Immutable.js for immutable datastructures

Module 17: React Redux
• Introduction to React Redux
• Uses of React Redux
• Install and setup
• Presentational vs Container components
• Understand high order component
• Understanding mapStateToProps and mapDispatchtToProps usage

Module 18: Redux Saga (Redux middleware)
• Uses of redux middleware
• Available redux middleware choices
• What is redux saga
• Install and setup redux saga
• Working with Saga helpers
• Sagas vs promises

Module 19: Server-side rendering with react
• What is server-side rendering (SSR)?
• Why SSR
• Working with renderToString and renderToStaticMarkup methods

Module 20: Testing in react
• Understand the significance of unit testing
• Understand unit testing jargon and tools
• Unit testing react components with Jest
• Unit testing react components with enzyme
• Using sinon to mock

Module 21: Webpack
• What is webpack
• Why webpack

•Install and setup webpack
•Working with webpack configuration file
•Working with loaders
•Quick word on code splitting, lazy loading, tree shaking
•Setting up Hot Module ReplacementConcepts of DBMS
• Introduction to DBMS
• Data Models
• Entity–Relationship (E-R)
• Normalization

Introduction to SQL Server
• Advantages & limitations
• Login & Password
• Server Type & Server Name
• Authentication Modes
– SQL Server, Windows
• SQL Server Management Studio & Tools
• Object Explorer
• Query Editor

Introduction To SQL
• Types of SQL Commands
• Data Types
• Databases
– Create / Alter / Drop
• Tables
– Create / Alter / Drop

Table Constraints
• Not Null
• Unique
• Default
• Check
• Primary Key
• Referential Integrity or foreign key

Data Manipulation Language (DML)
• Insert / Update / Delete
• Truncate & Drop
• Create a Table From Another Table
• Insert Rows From One Table To Another

Data Query Language (DQL)
• Simple Select
• Select with row filters
• Where clause with relational operators

• Logical operators
• Special operators
• Between … and
• In, Like
• Is Null, Isnull()
• Order By Clause
• Distinct Keyword
• Column aliases

Transaction Management
• User & Server schema
• Implicit Transactions
• Begin / Save Transaction
• Commit / Rollback
• Role of Log File in Transaction

Built In Functions
• Numeric/Character
• Date/Conversion/Identity
• Aggregate Functions
– sum(), avg(), etc.
• Group By & Having Clauses
• Ranking Functions
• Top Clause

Set Operators
• Union, Union all ,Intersect
• Simple
• Equi / Non-Equi
• Natural, Self
• Inner, Outer
• Cross or Cartesian Join

Sub Queries
• Single / Multi Row
• Any, Some, ALL
• Exists & Not Exists
• Nested
• Correlated
• Create, Alter & Drop
• Performance variation

• Composite
• Clustered / Non-Clustered

DBA Activities
• Authenticted Login
– SQL Server/Windows
• Create / Alter / Drop users
• Granting & Revoking Permissions

• Create / Alter / Drop Views
• Simple, Complex Views
• Indexed & Partition views
• Encryption & Schema Binding Options

TSQL Programming
• SQL versus TSQL Programming
• Introduction
• Control statements – If,Case
• While & other looping statements

• Types of Cursors
• Forward_Only, Scroll
• Static, Dynamic
• Keyset
• Local & Global

Stored Procedures
• Creating/Calling Stored Procedures
• Altering & Dropping
• Optional, Input, Output Parameters
• Permissions on Stored Procedures

Exception Handling
• User Defined Error Messages
– Add & Remove
• Raising Exceptions Manual

User Defined Functions
• Scalar Functions
• Table Valued Functions
• Permissions on User Defined Functions

• Stored Procedures VS
User Defined Functions VS Triggers
• Creating Triggers
• Altering Triggers
• Dropping Triggers
• Magic Tables

• Instead of Triggers

CLR Integration
• What is CLR Integration?
• Implementing CLR
• A Simple Example

Working with XML Data Type
Database – Backup, Restore
– Import, Export
– Attach, Detach