Scribd
Upload
54 views6 pages

Introduction to React JS Features

The document provides an overview of React JS, including its introduction, advantages of using JSX, and the distinction between libraries and frameworks. It covers key concepts such as the Virtual DOM, reusable components, and React hooks, along with code snippets and examples to illustrate these topics. Additionally, it discusses UI/UX fundamentals and the benefits of React's architecture for building efficient web applications.

Uploaded by

sagarmr1122
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
54 views6 pages

Introduction to React JS Features

The document provides an overview of React JS, including its introduction, advantages of using JSX, and the distinction between libraries and frameworks. It covers key concepts such as the Virtual DOM, reusable components, and React hooks, along with code snippets and examples to illustrate these topics. Additionally, it discusses UI/UX fundamentals and the benefits of React's architecture for building efficient web applications.

Uploaded by

sagarmr1122
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd

React JS

Introduction:
Pre determined functions
Inbuilt functions
Userdetermined functions
React was created by meta
Why React JS
• Why do we need jsx
• React js can direct work with html we can use html directly in reactjs
• dashboard.jsx (code snnipet example)
• We are can now write code without .css in react js
• What do u mean by javascript library
• Why is react not a frame work?
• React has inbuilt libraries
UI/UX
• UI/UX introduction
• Button(Example)
• Understanding the fundamentals
• Event lisning – ux manuplation
• Button example (code snnipet)
Virtual Dom
• What is Dom(explanation)
• Dom structure(picture example)
• Parent to child inheritance
• React ES6
• Vdom compare it with the previous dom and make changes with
example(picture,code ,button,div’s)
• Html vs react (DOM)
• Advantage of vdom
React reusable components
• Comparison html to react components
• DASHBOARD.JSX(image example)
• Advantages (example Dashboard layouts )
• Reusability (Navbar,footer) we can re use instead of writing code over
and over again
• Reusable components Library(we can build our own libraries)
React hooks
• What is react hooks
• Use state (code snippet example ) changing value of button
• Use effect(example code snippet) changing the use effect function
(animation, effects much more ) rendering
• React lazy (VH,VW) lazy loading render only required things
advantages of react lazy and react suspense, use reference, use call
back

You might also like