benjaminmensah362@gmail.

com

Introduction to React JS
03919IC4V9

This file is meant for personal use by benjaminmensah362@[Link] only.

Sharing
Proprietary or publishing
content. the contents
©Great Learning. in part or
All Rights Reserved. full is liable
Unauthorized for
use or legal action.
distribution prohibited
 Agenda
●
●
●
●
benjaminmensah362@[Link]
03919IC4V9 ●

●
●
●

This file is meant for personal use by benjaminmensah362@[Link] only.

Sharing
Proprietary or publishing
content. the contents
©Great Learning. in part or
All Rights Reserved. full is liable
Unauthorized for
use or legal action.
distribution prohibited
 Prerequisites
●
○
○
●
○
benjaminmensah362@[Link]
03919IC4V9
○
●
○
○
○
○
■ This file is meant for personal use by benjaminmensah362@[Link] only.
Sharing
Proprietary or publishing
content. the contents
©Great Learning. in part or
All Rights Reserved. full is liable
Unauthorized for
use or legal action.
distribution prohibited
 What is React?

●
●

●
benjaminmensah362@[Link]
03919IC4V9

This file is meant for personal use by benjaminmensah362@[Link] only.

Sharing
Proprietary or publishing
content. the contents
©Great Learning. in part or
All Rights Reserved. full is liable
Unauthorized for
use or legal action.
distribution prohibited
 Why React?

●
●
●
●
benjaminmensah362@[Link]
03919IC4V9
●
●
●

This file is meant for personal use by benjaminmensah362@[Link] only.

Sharing
Proprietary or publishing
content. the contents
©Great Learning. in part or
All Rights Reserved. full is liable
Unauthorized for
use or legal action.
distribution prohibited
 Single Page Application

●
●
●
●
benjaminmensah362@[Link]
03919IC4V9
●
●
●

This file is meant for personal use by benjaminmensah362@[Link] only.

Sharing
Proprietary or publishing
content. the contents
©Great Learning. in part or
All Rights Reserved. full is liable
Unauthorized for
use or legal action.
distribution prohibited
 Local Setup

benjaminmensah362@[Link]
03919IC4V9

This file is meant for personal use by benjaminmensah362@[Link] only.

Sharing
Proprietary or publishing
content. the contents
©Great Learning. in part or
All Rights Reserved. full is liable
Unauthorized for
use or legal action.
distribution prohibited
 Create React App
●
●
●
●
benjaminmensah362@[Link]
03919IC4V9
●

This file is meant for personal use by benjaminmensah362@[Link] only.

Sharing
Proprietary or publishing
content. the contents
©Great Learning. in part or
All Rights Reserved. full is liable
Unauthorized for
use or legal action.
distribution prohibited
 What if we didn’t use this tool?

benjaminmensah362@[Link]
03919IC4V9

This file is meant for personal use by benjaminmensah362@[Link] only.

Sharing
Proprietary or publishing
content. the contents
©Great Learning. in part or
All Rights Reserved. full is liable
Unauthorized for
use or legal action.
distribution prohibited
 Getting Started
benjaminmensah362@[Link]
03919IC4V9 With
Create React App

This file is meant for personal use by benjaminmensah362@[Link] only.

Sharing
Proprietary or publishing
content. the contents
©Great Learning. in part or
All Rights Reserved. full is liable
Unauthorized for
use or legal action.
distribution prohibited
 Step #1

benjaminmensah362@[Link]
03919IC4V9

This file is meant for personal use by benjaminmensah362@[Link] only.

Sharing
Proprietary or publishing
content. the contents
©Great Learning. in part or
All Rights Reserved. full is liable
Unauthorized for
use or legal action.
distribution prohibited
 Step #2

benjaminmensah362@[Link]
03919IC4V9

This file is meant for personal use by benjaminmensah362@[Link] only.

Sharing
Proprietary or publishing
content. the contents
©Great Learning. in part or
All Rights Reserved. full is liable
Unauthorized for
use or legal action.
distribution prohibited
 Step #3

benjaminmensah362@[Link]
03919IC4V9

This file is meant for personal use by benjaminmensah362@[Link] only.

Sharing
Proprietary or publishing
content. the contents
©Great Learning. in part or
All Rights Reserved. full is liable
Unauthorized for
use or legal action.
distribution prohibited
 Step #4

benjaminmensah362@[Link]
03919IC4V9

This file is meant for personal use by benjaminmensah362@[Link] only.

Sharing
Proprietary or publishing
content. the contents
©Great Learning. in part or
All Rights Reserved. full is liable
Unauthorized for
use or legal action.
distribution prohibited
 Step #5

benjaminmensah362@[Link]
03919IC4V9

This file is meant for personal use by benjaminmensah362@[Link] only.

Sharing
Proprietary or publishing
content. the contents
©Great Learning. in part or
All Rights Reserved. full is liable
Unauthorized for
use or legal action.
distribution prohibited
 Next Gen. JavaScript
benjaminmensah362@[Link]
03919IC4V9

This file is meant for personal use by benjaminmensah362@[Link] only.

Sharing
Proprietary or publishing
content. the contents
©Great Learning. in part or
All Rights Reserved. full is liable
Unauthorized for
use or legal action.
distribution prohibited
benjaminmensah362@[Link]
03919IC4V9 Let Keyword

This file is meant for personal use by benjaminmensah362@[Link] only.

Sharing
Proprietary or publishing
content. the contents
©Great Learning. in part or
All Rights Reserved. full is liable
Unauthorized for
use or legal action.
distribution prohibited
 Block scope of Let

benjaminmensah362@[Link]
03919IC4V9

This file is meant for personal use by benjaminmensah362@[Link] only.

Sharing
Proprietary or publishing
content. the contents
©Great Learning. in part or
All Rights Reserved. full is liable
Unauthorized for
use or legal action.
distribution prohibited
 Let Declaration

benjaminmensah362@[Link]
03919IC4V9

This file is meant for personal use by benjaminmensah362@[Link] only.

Sharing
Proprietary or publishing
content. the contents
©Great Learning. in part or
All Rights Reserved. full is liable
Unauthorized for
use or legal action.
distribution prohibited
 Constant Keyword
benjaminmensah362@[Link]
03919IC4V9

This file is meant for personal use by benjaminmensah362@[Link] only.

Sharing
Proprietary or publishing
content. the contents
©Great Learning. in part or
All Rights Reserved. full is liable
Unauthorized for
use or legal action.
distribution prohibited
 Const Keyword

benjaminmensah362@[Link]
03919IC4V9

This file is meant for personal use by benjaminmensah362@[Link] only.

Sharing
Proprietary or publishing
content. the contents
©Great Learning. in part or
All Rights Reserved. full is liable
Unauthorized for
use or legal action.
distribution prohibited
benjaminmensah362@[Link]
03919IC4V9 Functions

This file is meant for personal use by benjaminmensah362@[Link] only.

Sharing
Proprietary or publishing
content. the contents
©Great Learning. in part or
All Rights Reserved. full is liable
Unauthorized for
use or legal action.
distribution prohibited
 Function-Declaration & Expression

Loads at Compile Time Loads at Runtime

benjaminmensah362@[Link]
03919IC4V9

This file is meant for personal use by benjaminmensah362@[Link] only.

Sharing
Proprietary or publishing
content. the contents
©Great Learning. in part or
All Rights Reserved. full is liable
Unauthorized for
use or legal action.
distribution prohibited
 Arrow Function

benjaminmensah362@[Link]
03919IC4V9

Problem associated with This keyword are

resolved by Arrow function i.e no binding is req.
This file is meant for personal use by benjaminmensah362@[Link] only.
Sharing
Proprietary or publishing
content. the contents
©Great Learning. in part or
All Rights Reserved. full is liable
Unauthorized for
use or legal action.
distribution prohibited
 Export

benjaminmensah362@[Link]
03919IC4V9

This file is meant for personal use by benjaminmensah362@[Link] only.

Sharing
Proprietary or publishing
content. the contents
©Great Learning. in part or
All Rights Reserved. full is liable
Unauthorized for
use or legal action.
distribution prohibited
 Import

benjaminmensah362@[Link]
03919IC4V9

This file is meant for personal use by benjaminmensah362@[Link] only.

Sharing
Proprietary or publishing
content. the contents
©Great Learning. in part or
All Rights Reserved. full is liable
Unauthorized for
use or legal action.
distribution prohibited
 Class
Class c_name{
constructor()
CLASS(Methods & }
Properties)

benjaminmensah362@[Link] Const x = new

03919IC4V9 c_name();
Object(Instance of Class)

super()
Inheritance(Inheriting
Methods & Properties)

This file is meant for personal use by benjaminmensah362@[Link] only.

Sharing
Proprietary or publishing
content. the contents
©Great Learning. in part or
All Rights Reserved. full is liable
Unauthorized for
use or legal action.
distribution prohibited
 Spread
●
●

●
benjaminmensah362@[Link]
03919IC4V9

This file is meant for personal use by benjaminmensah362@[Link] only.

Sharing
Proprietary or publishing
content. the contents
©Great Learning. in part or
All Rights Reserved. full is liable
Unauthorized for
use or legal action.
distribution prohibited
 Rest

●
●
● …
benjaminmensah362@[Link]
03919IC4V9

This file is meant for personal use by benjaminmensah362@[Link] only.

Sharing
Proprietary or publishing
content. the contents
©Great Learning. in part or
All Rights Reserved. full is liable
Unauthorized for
use or legal action.
distribution prohibited
benjaminmensah362@[Link]
03919IC4V9

This file is meant for personal use by benjaminmensah362@[Link] only.

Sharing
Proprietary or publishing
content. the contents
©Great Learning. in part or
All Rights Reserved. full is liable
Unauthorized for
use or legal action.
distribution prohibited
benjaminmensah362@[Link]
03919IC4V9
Basics of React

This file is meant for personal use by benjaminmensah362@[Link] only.

Sharing
Proprietary or publishing
content. the contents
©Great Learning. in part or
All Rights Reserved. full is liable
Unauthorized for
use or legal action.
distribution prohibited
 [Link] Folder

benjaminmensah362@[Link]
03919IC4V9

This file is meant for personal use by benjaminmensah362@[Link] only.

Sharing
Proprietary or publishing
content. the contents
©Great Learning. in part or
All Rights Reserved. full is liable
Unauthorized for
use or legal action.
distribution prohibited
 Public Folder
●

●
●
benjaminmensah362@[Link]
03919IC4V9

This file is meant for personal use by benjaminmensah362@[Link] only.

Sharing
Proprietary or publishing
content. the contents
©Great Learning. in part or
All Rights Reserved. full is liable
Unauthorized for
use or legal action.
distribution prohibited
 Source Folder

benjaminmensah362@[Link]
03919IC4V9

This file is meant for personal use by benjaminmensah362@[Link] only.

Sharing
Proprietary or publishing
content. the contents
©Great Learning. in part or
All Rights Reserved. full is liable
Unauthorized for
use or legal action.
distribution prohibited
 Files After Removal

benjaminmensah362@[Link]
03919IC4V9

This file is meant for personal use by benjaminmensah362@[Link] only.

Sharing
Proprietary or publishing
content. the contents
©Great Learning. in part or
All Rights Reserved. full is liable
Unauthorized for
use or legal action.
distribution prohibited
 Functional Component
●
●

benjaminmensah362@[Link]
03919IC4V9

This file is meant for personal use by benjaminmensah362@[Link] only.

Sharing
Proprietary or publishing
content. the contents
©Great Learning. in part or
All Rights Reserved. full is liable
Unauthorized for
use or legal action.
distribution prohibited
 Class Component

benjaminmensah362@[Link]
03919IC4V9

This file is meant for personal use by benjaminmensah362@[Link] only.

Sharing
Proprietary or publishing
content. the contents
©Great Learning. in part or
All Rights Reserved. full is liable
Unauthorized for
use or legal action.
distribution prohibited
 JSX
●

benjaminmensah362@[Link]
03919IC4V9

This file is meant for personal use by benjaminmensah362@[Link] only.

Sharing
Proprietary or publishing
content. the contents
©Great Learning. in part or
All Rights Reserved. full is liable
Unauthorized for
use or legal action.
distribution prohibited
benjaminmensah362@[Link]
03919IC4V9
Thank You

This file is meant for personal use by benjaminmensah362@[Link] only.

Sharing
Proprietary or publishing
content. the contents
©Great Learning. in part or
All Rights Reserved. full is liable
Unauthorized for
use or legal action.
distribution prohibited