Скачать или смотреть Let's learn REACT JS basics in 2023. (JavaScript library)

💾 Source code: https://github.com/JonVadar/YouTube_v...

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

📃 Web Developer Path playlist:    • Web Developer Path  

📃 Tips & Tricks playlist:    • Tips and Tricks  

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

🎮 My gaming channel:    / @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