if we want to start the project
in Terminal
npm run start or npm start

You can open package.json
and look to scripts

Start day-4 ⚛️⚛️

Before learn React
You should be more aware of these things about JS
- ternaries, spread operator, template syntax, destructuring array / object, map, filter, reduce, sort, promises, async / await

Start day-5 ⚛️⚛️

day off
lecture-3 nodejs with codeZone

Start day-6 ⚛️⚛️

- in src folder, contain first file => called index.js
- We called index.js, cauze webpack
=> webpack is module bundler, uses in "create-react-app"

- index.js contain two libraries (React, ReactDOM)
`import React from "react";
import ReactDOM from "react-dom/client";`

=> Render the root component, lik this
function App() {
return ( <h1> Hello </h1> )
}

// from React-18
// and this in index.js file

const root = ReactDOM.createRoot(document.getElementById("root"))
root.render(
<React.StrictMode>
<App />
</React.StrictMode>
);

... Components in React

- React applications are entirely made out of
components
- Building blocks of user interfaces in React
- Piece of UI that has its own data, logic,
and appearance (how it works and looks)
- We build complex UIs by building multiple
components and combining them
- Components can be reused, nested inside
each other, and pass data between them

Start day-7 ⚛️⚛️

This's not good idea ❌

We shouldn't write this component inside other component, the best way → is write each component in modules, and in the top level
And we can reuse this component

We can ruse Pizza component, like this in Menu component

Components

What is JSX ?

Imperative => How to do
Declarative => What we want

Styles => style={{}}
We can write styles inline
or external. but must import "index.css"

class => called className=" "

Start day-8 ⚛️⚛️

https://downloadly.ir/elearning/video-tutorials/nodejs-express-mongodb-bootcamp-5/
Udemy – Node.js، Express، MongoDB & More: The Bootcamp 2023 2023-6


https://t.me/ReactbyJonas
كورس ريأكت كامل