..
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1 style="color: blueviolet;">
hello world !
</h1>
<h1></h1>
</body>
</html>
<script>
const obj={
name:"vinod",
};
obj.name
</script>
...
node_modules folder: all dependencies stored here
package.json: react app ka meta data complete information stored here which includes npm version react version nodejs version etc packages ka info here
package-lock.json ki jrurt nhi hai as a beginner setup-test.js no need
service-workers.js: no need
index.js: most imp file ismein hi complete code likhte
index.css: normal css jese likhte wese hi
app.js: basically a component
robot.txt: jb site host krte tb google crawlers find out krne k liye
manifest.json: json format mein info deta application ki info deta
index.html: Only 1 html in whole react app we will not touch this.
<noscript>You need to enable JavaScript to run this app.</noscript>
if browser not supports javascript also we use this
Intro to JSX
agr react mein html wala jesa dikhne wala use krna ho to react use krenge
ek baat mnn mei Aa rhi hogi ki react kyun import kr rha jb uska koi method hi nhi use kr rha to JSX converted dekho vha hai
babel compiles it behind the scenes
3 methods we have learnt so far
How to Render Multiple Elements inside ReactDOM.render() in ReactJS
by using div
Understanding React Fragment in React JS
extra div create na ho iske lie yeh
no extra div now
faster then div ek extra node create nhi ho rha
sirf aur sirf expr aur variables ke naam use kr skte
curly braces ke andr statements k use nhi kr skte kyuki vo ek value return krta hai
jsx attributes
CSS Styling & Importing CSS Files in React JS _ Class Vs ClassName in React JS
class keyword already reserved
How to use Google fonts in React JS Application
Internal CSS & Inline CSS Styling In React JS
inline css ki jo bhi property hogi usko obj ki property manni hogi
we have to convert kebab case to camel case
React JS Mini-Project #1_ Creating Simple Greeting Website using React JS
React Components in Hindi _ Functional Component in React
Rewrite our React Project into Components in React JS
ES6 Modules Import Export in React JS
component k 1st letter capital
Props in React Js in Hindi _ React JS Project Netflix App
khud ke elements hi nhi khud ke custom attributes called props
type aur value i/p tag k lie predefined the
props k andr jitne bhi custom attributes hein vo saare as an object dikhenge
index.js index.css Sdata.jsx card.jsx yaha se
https://github.com/Anoop-Technical/NetflixReactapp.github.io
fat arrow functions
https://github.com/udaykarmakar/NetflixApp-By-React
https://github.com/saifffff/netflixapp
key ko as a prop represent nhi kr rahe we get to know with the help of react developer tools