📄 Table of contents

Definition

Basic Syntax:

// Add a request interceptor
axios.interceptors.request.use(function (config) {
// Do something before request is sent
return config;
}, function (error) {
// Do something with request error…

📄 Table of Contents

  • Equality on Objects?

Equality on objects

{ char: 'A'} !== { char: 'A'}
//true

Detecting duplicates in arrays of objects

const arr = [{char: 'A'}, {char: 'A'}];
const set = new Set(arr);const hasDuplicates = set.size < arr.length;
console.log(hasDuplicates)
//false

  • useEffectReact Hooks — Part 2

📄 Table of Contents


📄 Table of contents

  • how to pass props from PARENT to CHILD in CLass vs FUnctional components
  • Passing a function as a prop to a functional component
  • equivalent of forceUpdate() in reactHooks
  • props validation
  • difference between import {sthg…} vs import sthg…
  • template literals usage
  • how to submit form data
  • handle multiple form elements with SINGLE onChange Handler
  • toggle a ClassName
  • fetch from API via axios + hooks
  • form validations
  • how to format code using Prettier in visual code

◉ how to pass props from PARENT to CHILD in Class vs Functional components


📄 Table of Contents

  • Redux Toolkit Introduction
  • comparision between createReducer over traditional Reducer approach
  • comparision between createAction over traditional actionCreator
  • createSlice() in RTK
  • Materialize vs Material UI
  • Theming in Material UI
  • Styling in Material UI (Styled-components)

Introduction




📄 Table of contents

Introduction

  • TypeScript has strict type checking.
  • TypeScript is object oriented JavaScript. TypeScript supports object-oriented programming features like interfaces, classes, etc.
  • TypeScript files(.ts) on compilation produce JavaScript files(.js) with the same name.

interface and type
Function overlaoading
OOPS Concept
Anonymous
undefined error
decode and encode URI
escape and un escape function'
unshift position in Java script
Screen Obects in Java Script
Event handlers in Java Script
Event bubbling
Redux v/s Flux
Components of Redux
What is redux
Role of reducer
Fragment - what is the signifance
Higher order Compoenent
Pure compoenent
Mounting, Unmount, Constructor
Render method on React
When it is invoked .. what result will it give - render
state and stateless components
Redux - what is it ? …

Anil Kumar

Experience with Front-end Technologies and MERN / MEAN Stack. Working on all Major UI Frameworks like React, Angular.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store