SlideShare a Scribd company logo
Introduction to React js
Aya Benkabbour
@ayaintheclouds
Course Expectations
+
small project
this course was made for …
Why use React ???
https://www.netflix.com/ma-fr/browse/genre/83
Why use React ???
https://www.airbnb.fr/
Copy and paste …
⇒ Something must be wrong
🚨
This is where React come into play !
Component-Based Architecture
Virtual DOM
React Native
Performance
Compatibility
One-Way Data Flow
Declarative vs Imperative
React.js is declarative because it allows you to describe what you
want the UI to look like based on the current data or state, and it
handles the underlying operations to achieve that. Vanilla
JavaScript, on the other hand, is often considered imperative
because it requires you to specify each step explicitly to achieve
the desired outcome. The declarative nature of React can make it
easier to reason about and maintain complex user interfaces.
Declarative vs Imperative
Let’s get our hands dirty !
Browser
local development
using node js (you should install
it , preferably the long time
support version)
simply type “ react.new “ in the
search bar to get a sandbox
in the command line , type the following commands :
npx create-react-app my_application
cd my_application
npm start
you have two options

More Related Content

PPTX
Presentation on "An Introduction to ReactJS"
PDF
Lezione 03 Introduzione a react
PDF
Fundamental concepts of react js
PDF
React && React Native workshop
PPTX
reactJS
PPTX
React JS; all concepts. Contains React Features, JSX, functional & Class comp...
PPTX
Getting started with react & redux
PPTX
Presentation on "An Introduction to ReactJS"
Lezione 03 Introduzione a react
Fundamental concepts of react js
React && React Native workshop
reactJS
React JS; all concepts. Contains React Features, JSX, functional & Class comp...
Getting started with react & redux

Similar to React Session 1.pptx (20)

PPTX
Introduction to React JS
PDF
Review on React JS
DOCX
Skill practical javascript diy projects
PPTX
unit 2 React js.pptxdgdgdgdgdgdgdgdgdsgdgdg
PPTX
React JS Certification Training.5.pptx
PDF
Fundamental Concepts of React JS for Beginners.pdf
PPTX
React workshop
PPTX
Introduction to React JS.pptx
PPTX
[Final] ReactJS presentation
PPTX
Introduction to ReactJS UI Web Dev .pptx
PDF
React js TRAINING IN BANGALORE
PPTX
React js TRAINING IN BANGALORE
PDF
Sviluppo di interfacce web con React.JS
PPTX
React.js - The Dawn of Virtual DOM
PPTX
Unit 2 Fundamentals of React -------.pptx
PDF
React Interview Question PDF By ScholarHat
PDF
The Ultimate Guide to ReactJS Components.pdf
PPTX
react js training|react js training in mumbai|
PPTX
PDF
Learn react by Etietop Demas
Introduction to React JS
Review on React JS
Skill practical javascript diy projects
unit 2 React js.pptxdgdgdgdgdgdgdgdgdsgdgdg
React JS Certification Training.5.pptx
Fundamental Concepts of React JS for Beginners.pdf
React workshop
Introduction to React JS.pptx
[Final] ReactJS presentation
Introduction to ReactJS UI Web Dev .pptx
React js TRAINING IN BANGALORE
React js TRAINING IN BANGALORE
Sviluppo di interfacce web con React.JS
React.js - The Dawn of Virtual DOM
Unit 2 Fundamentals of React -------.pptx
React Interview Question PDF By ScholarHat
The Ultimate Guide to ReactJS Components.pdf
react js training|react js training in mumbai|
Learn react by Etietop Demas
Ad

Recently uploaded (20)

PDF
How to Choose the Right IT Partner for Your Business in Malaysia
PPTX
ISO 45001 Occupational Health and Safety Management System
PPTX
Operating system designcfffgfgggggggvggggggggg
PPTX
CHAPTER 2 - PM Management and IT Context
PDF
Adobe Illustrator 28.6 Crack My Vision of Vector Design
PDF
Flood Susceptibility Mapping Using Image-Based 2D-CNN Deep Learnin. Overview ...
PDF
Internet Downloader Manager (IDM) Crack 6.42 Build 42 Updates Latest 2025
PDF
Wondershare Filmora 15 Crack With Activation Key [2025
PDF
Navsoft: AI-Powered Business Solutions & Custom Software Development
PDF
SAP S4 Hana Brochure 3 (PTS SYSTEMS AND SOLUTIONS)
PDF
How Creative Agencies Leverage Project Management Software.pdf
PDF
Nekopoi APK 2025 free lastest update
PPTX
Lecture 3: Operating Systems Introduction to Computer Hardware Systems
PDF
Understanding Forklifts - TECH EHS Solution
PDF
Audit Checklist Design Aligning with ISO, IATF, and Industry Standards — Omne...
PDF
Raksha Bandhan Grocery Pricing Trends in India 2025.pdf
PPTX
Transform Your Business with a Software ERP System
PDF
top salesforce developer skills in 2025.pdf
PDF
Digital Strategies for Manufacturing Companies
PDF
2025 Textile ERP Trends: SAP, Odoo & Oracle
How to Choose the Right IT Partner for Your Business in Malaysia
ISO 45001 Occupational Health and Safety Management System
Operating system designcfffgfgggggggvggggggggg
CHAPTER 2 - PM Management and IT Context
Adobe Illustrator 28.6 Crack My Vision of Vector Design
Flood Susceptibility Mapping Using Image-Based 2D-CNN Deep Learnin. Overview ...
Internet Downloader Manager (IDM) Crack 6.42 Build 42 Updates Latest 2025
Wondershare Filmora 15 Crack With Activation Key [2025
Navsoft: AI-Powered Business Solutions & Custom Software Development
SAP S4 Hana Brochure 3 (PTS SYSTEMS AND SOLUTIONS)
How Creative Agencies Leverage Project Management Software.pdf
Nekopoi APK 2025 free lastest update
Lecture 3: Operating Systems Introduction to Computer Hardware Systems
Understanding Forklifts - TECH EHS Solution
Audit Checklist Design Aligning with ISO, IATF, and Industry Standards — Omne...
Raksha Bandhan Grocery Pricing Trends in India 2025.pdf
Transform Your Business with a Software ERP System
top salesforce developer skills in 2025.pdf
Digital Strategies for Manufacturing Companies
2025 Textile ERP Trends: SAP, Odoo & Oracle
Ad

React Session 1.pptx

  • 1. Introduction to React js Aya Benkabbour @ayaintheclouds
  • 3. Why use React ??? https://www.netflix.com/ma-fr/browse/genre/83
  • 4. Why use React ??? https://www.airbnb.fr/
  • 5. Copy and paste … ⇒ Something must be wrong 🚨
  • 6. This is where React come into play ! Component-Based Architecture Virtual DOM React Native Performance Compatibility One-Way Data Flow
  • 7. Declarative vs Imperative React.js is declarative because it allows you to describe what you want the UI to look like based on the current data or state, and it handles the underlying operations to achieve that. Vanilla JavaScript, on the other hand, is often considered imperative because it requires you to specify each step explicitly to achieve the desired outcome. The declarative nature of React can make it easier to reason about and maintain complex user interfaces.
  • 9. Let’s get our hands dirty ! Browser local development using node js (you should install it , preferably the long time support version) simply type “ react.new “ in the search bar to get a sandbox in the command line , type the following commands : npx create-react-app my_application cd my_application npm start you have two options