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
Watch video React Crash Course | Learn React Quickly | In 80 Minutes online without registration, duration hours minute second in high quality. This video was added by user WolfDenCode 12 October 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 6,031 once and liked it 235 people.