Scribd
Upload
23 views

Mohd Sahil - PPT

Mohd Sahil is completing an industrial internship for a B.Tech in Computer Science. The internship involves learning about React, a JavaScript framework for front end web development. React uses components and embraces functional programming. It introduces the concept of hooks, which allow developers to hook into the state and lifecycle of React components. Mohd Sahil will build a React admin dashboard during the internship.

Uploaded by

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

Mohd Sahil - PPT

Mohd Sahil is completing an industrial internship for a B.Tech in Computer Science. The internship involves learning about React, a JavaScript framework for front end web development. React uses components and embraces functional programming. It introduces the concept of hooks, which allow developers to hook into the state and lifecycle of React components. Mohd Sahil will build a React admin dashboard during the internship.

Uploaded by

Sahil Mirza
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 12

INDUSTRIAL INTERSHIP

NAME- MOHD SAHIL


ENR NO- 19021011401
ADM NO- 19SCSE1010212
COURSE- B.Tech (CSE)
SECTION- 07 / SEM- 08
ABOUT unthinkable
INTRO TO REACT
What is React?
• React is a JavaScript framework
• Used for front end web development
• Think of jQuery, but more structured
• Created and used by Facebook
• Famous for implementing a virtual dom
INTRO TO REACT
Fundamentals of React
HTML CSS JS
1. JavaScript and HTML in the same file (JSX) Traditional
approach
2. Embrace functional programming

3. Components everywhere JSX CSS or JSS


React
approach
Functional Programming
Functions are “first class citizens”
Functions have no side effects
let add = function() {
console.log('Now adding numbers');
const five = 3 + 2;
}; function foo() {
return function() {
console.log('What gets printed?');
function performTask(task) { };
task(); }
console.log('Task performed!');
} foo
foo();
performTask(add); foo()();
ToDo Application

Title

TodoForm

TodoList

Todo
What are Hooks?
Hooks: Special functions that allow Built-in hooks:
developers to hook into state and
useState
lifecycle of React components. We will cover
these today useEffect
State: One or more data values
associated with a React component useReducer
instance.
We will not cover useMemo
these today
Lifecycle: The events associated with a useRef
React component instance (create, useCallback
render, destroy, etc).
Component and Libraries

• React-Router

• Redux

• Material-UI

• Bootstrap

• Font-Awesome

• SWR
Implementation

React Admin Dashboard


Implementation
OFFICIAL BLOG SECTION

https://www.unthinkable.co/blog/
THANK YOU

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy