What is React.js? Get started with React using Vite

Chapters:
0:00​ Intro
0:59 Vanilla JS
8:12 JSX
9:18 React Toolchains
10:48 Using Vite to Create a React App
15:01 importing npm modules
16:39 Building a vite app
17:51 Summary

🔗Moar Links

[edhead]

Loved this intro to react! super clear cut. thank you for the overview!

[proyectocranc]

thank you, your videos are great, direct, clear, detailed and with a very good rhythm

[claudie]

Hello, super happy i stumbled upon this amazing page.I am really enjoying React as a beginner.I cannot wait to finish this series and more from you.Thank you.

[soldadopreciso]

Yes, really good explainer!, important facts, components or modules 14:38, for production create/build the html, CSS, javascript files in the dist folder 16:51

[mattwingle]

Thanks for the awesome tutorial, Sam!

[alexandergeorgesquire]

its so interesting when you start to realise what react really does

[dmitrymatio]

Really good explainer! Thanks again :)

[PM-rste]

Is there an extension that we can use together with Vite to debug our code? With Vite, although the code has some bugs, it still runs without giving any errors and you have to open the browser and inspect to know the errors compared to create-react-app, which displays the errors in the terminal itself.

[Pareshbpatel]

A great overview of React; delivered so fluently. Thanks, Sam

{2023-07-06}

[lordhuzi]

hey Sam, i'm getting a problem saying that,

"localhost refused to connect."

in a browser where my app.jsx is and i'm not been able to work

[rmnhkud]

what plug did you install for automatically showing javascript in grey in vailla.js at 2 minutes around

[TrueStuffYt]

i usually don't use yarn in my project, instead of yarn add axios i use npm install axios...pls share your views on this

[Arafat_hung]

Which extension was used to auto-complete the code?

[Vinothkumarchinnasamy]

What Type Extension Are using In React Development

[jacoboneill]

The reason it uses port 5173 is to avoid collisions with other applications for developers because everything uses port 3000

[WhyNot-fpcv]

Jquery = $(this)
Pure javascript = this

Why people like jquery? Same to why people like axios. Pure javasript fetch is same 😅

in the future there will probably be a framework for calling echo and people will prefer it.

pure = echo
framework = call me is echo