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

Get a fast paced introduction to React.js, JSX, and how to setup a react project using Vite. This video takes a big picture look at what react is and why you would want to use React when making web apps.
This is video #1 in my react series: • Everything you need to...
#2 Creating Components in React • What is JSX? Creating ...
Chapters:
0:00​ Intro
0:59 Vanilla JS
4:01 Using React.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
My Website: www.sammeechward.com
Instagram: / meech_ward
Twitter: / meech_ward
Github: github.com/orgs/Sam-Meech-Ward

[@edhead76]

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

[@claudie9814]

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

[@proyectocranc]

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

[@mattwingle4704]

Thanks for the awesome tutorial, Sam!

[@koopa9815]

Love your teaching style

[@SamMeechWard]

Thank you

[@dmitrymatio]

Really good explainer! Thanks again :)

[@SamMeechWard]

Thanks b ❤️

[@howawwe3291]

THANK YOU FOR THIS

[@mundodelfutbol6777]

Excellent course

[@Pareshbpatel]

A great overview of React; delivered so fluently. Thanks, Sam {2023-07-06}

[@ramandamytv1193]

thank u

[@PM-rs4te]

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.

[@sivuyilesifuba]

🐐

[@lordhuzi3316]

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

[@user-rm9nh9ku2d]

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

[@iliaabedian2291]

React is cool

[@jacoboneill3735]

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

[@SamMeechWard]

🤗

[@mistercakes]

@@SamMeechWard it also looks like leet speak (V=5, i=1, t=7, E=3). i guess it's an easter egg if nothing else

[@Arafat_hung]

Which extension was used to auto-complete the code?

[@KassiNovaacodes]

copilot I think he said... idk which version tho

[@Vinothkumarchinnasamy]

What Type Extension Are using In React Development

[@SamMeechWard]

I'm not

[@WhyNot-fp6cv]

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