Let's learn REACT JS basics in 2023. (JavaScript library)

💾 Source code: https://github.com/JonVadar/YouTube_videos/tree/main/MERN%20stack/React_basics

🌐 Vite: https://vitejs.dev/guide/
🌐 W3 Scholl React Router: https://www.w3schools.com/react/react_router.asp
🌐 React docs: https://react.dev/
🌐 React Router docs: https://reactrouter.com/en/main
🌐 JSON-Server: https://www.npmjs.com/package/json-server
🌐 TailwindCSS: https://tailwindcss.com/docs/installation

📃 Web Developer Path playlist: https://youtube.com/playlist?list=PL38wFHH4qYZVs-liHzE8Ddgl4Yuewxp5g&si=gIhHHavXDWEUHa-O

📃 Tips & Tricks playlist: https://youtube.com/playlist?list=PL38wFHH4qYZV58saqjppZpcz5gsC2g-E6&si=X-IVivBohTUFypb2

🙏 Thank you for watching my video please don't forget to LIKE and SUBSCRIBE.

🎮 My gaming channel: https://www.youtube.com/@jonvadar
☕ Support me: https://www.buymeacoffee.com/jonvadar
🌐 My website: https://jonvadar.xyz/

00:00 Intro
00:30 Install React
01:46 Project overview
03:18 How React works
08:30 Project clean-up
09:07 Install TailwindCSS
10:44 Dynamic data
11:12 Attribute binding
13:55 List Rendering
16:09 Click events & Reactivity
17:52 useState hook
21:56 useEffect hook
26:05 Components
28:38 Components - Props
31:15 Components - Events
33:36 Components - Slots
35:10 Blog app setup
38:25 React Router
44:50 Rendering posts
48:19 Deleting posts
52:45 JSON-Server
54:10 Fetch data (GET)
55:10 Fetch data (DELETE)
56:50 Add loading
58:50 Catch errors
01:00:18 Creating posts
01:01:01 Form handling
01:04:25 Fetch data (POST)
01:06:30 useNavigate hook
01:08:02 Sorting data by date
01:09:09 Adding 404 page
01:11:11 Wrap-up

#react #reactjs #reactjstutorial #javascript #es6 #js #jstutorial #javascript_tutorial #css #html #learnwebdevelopment #html5 #webdevelopment #frontend #fullstack #reactjscourse #reactjsforbeginners

Видео Let's learn REACT JS basics in 2023. (JavaScript library) канала Learn with Jon