In this one we'll be going over the features of ReactJS and by the end, you'll have a working app, that you can then customize and practice using React.
🎯 What You'll Learn:
What is React and why learn it?
Core Concepts, like Components, State and JSX
Event Handling
Hooks - UseState and UseEffect
Dynamic Rendering
Saving to LocalStorage
UPDATE: Here is some requested HTML to make copy pasting better:
https://github.com/WolfDenCode/React-...
Get The Code:
https://github.com/WolfDenCode/React-...
Other Links You'll Need:
Node.js Install: https://nodejs.org/en/download/packag...
Vite: https://vite.dev/
ChartJS: https://www.chartjs.org/docs/latest/g...
ChartJSv2: https://www.npmjs.com/package/react-c...
React Router Dom: https://reactrouter.com/en/main
🌐 Explore More on Our Website: https://wolfdencode.netlify.app/
Timestamps:
0:00 Intro
0:30 What To Expect?
1:40 How The App Will Work
2:10 What is React, Why Use It?
3:20 Project Creation
7:05 Folder Structure
8:30 Main.jsx and App.jsx
13:00 Applying Some CSS
14:20 Rendering A Custom Component
17:00 Forms, UseState() Hook & Event Handling
27:00 Dynamic Rendering & Props
35:00 Task Editing Logic
40:30 Linking 2 Components ( Adding Tasks )
43:00 Delete And Archive Tasks
50:30 Filtering Logic
57:00 Package Installation ( ChartJS )
1:01:00 Routing In React ( React-Router-Dom )
1:07:50 Saving & Fetching Data
1:16:00 Wrapping Up
🔗 Connect with Us:
GitHub: https://github.com/WolfDenCode (Access all our projects)
Twitter: / wolfdencode (Follow us for updates)
🔍 Keywords:
#coding #webdevelopment #html #css #javascript #react #frontend #webdesign #developer
animation, vanilla, frontend, react, to-do-app, tutorial
Смотрите видео React Crash Course | Learn React Quickly | In 80 Minutes онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь WolfDenCode 12 Октябрь 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 6,031 раз и оно понравилось 235 людям.