is the most popular frontend JavaScript library you can learn these days. This crash course gets you started with , its core concepts & advanced topics like routing with help of React Router 6.4 .
Want to dive deeper into ?
👉 Get my bestselling & 5* rated book:
👉 Join my bestselling & 5* rated online course:
Join our Academind Community on Discord:
Check out all our other courses:
🎓 Course content:
00:00:00: Introduction
00:01:03: What Is React?
00:06:37: React requirements
00:08:43: Creating a React project
00:12:07: Exploring a new React project
00:15:31: Understanding how React works & the role of components
00:23:14: Building & using a custom component
00:34:26: Outputting dynamic values
00:39:27: Reusing components
00:45:24: Working with “props”
00:51:35: Styling & working with CSS Modules
01:01:39: Time to practice
01:08:07: Preparing the app for “state”
01:11:49: Listening to (user) events
01:19:37: Adding & using “state” (via useState())
01:29:33: Lifting state up
01:38:38: The special “children” prop
01:45:56: Rendering content conditionally
01:54:52: Sharing components & more state management
02:02:39: Adding form buttons
02:06:10: Handling form submission
02:12:25: Updating state based on previous state
02:17:53: Outputting list data
02:24:29: Connecting frontend & backend
02:30:36: Sending a POST request
02:34:46: Handling side effects with useEffect()
02:43:48: Handling “loading” state
02:48:08: Understanding & adding “Routing”
02:52:01: Adding routes with “React Router” (v6 )
02:57:34: Adding layout routes
03:01:40: Refactoring route components & more nesting
03:07:12: Adding links & navigation
03:15:19: Data fetching via “loader” functions
03:24:23: Submitting data via “action” functions
03:35:28: Adding dynamic routes
03:44:06: Summary
📁 Attachments:
Starting project:
Extra CSS & JS files:
----------
• Go to and subscribe to our newsletter to stay updated and to get exclusive content & discounts
• Follow @maxedapps and @academind_real on Twitter
• Follow @academind_real on Instagram:
• Join our Facebook community on
See you in the videos!
----------
Academind is your source for online education in the areas of web development, frontend web development, backend web development, programming, coding and data science! No matter if you are looking for a tutorial, a course, a crash course, an introduction, an online tutorial or any related video, we try our best to offer you the content you are looking for. Our topics include Angular, React, Vue, Html, CSS, JavaScript, TypeScript, Redux, , RxJs, Bootstrap, Laravel, , Progressive Web Apps (PWA), Ionic, React Native, Regular Expressions (RegEx), Stencil, Power BI, Amazon Web Services (AWS), Firebase or other topics, make sure to have a look at this channel or at to find the learning resource of your choice!
1 view
0
0
3 weeks ago 00:21:31 2
🎬 Not Dead Yet S02E07 🍿
3 weeks ago 00:06:03 233
❓ЧЕ ПО ЧЕМ ❓ НОВИНКИ *COACHELLA* в ФОРТНАЙТ! МАГАЗИН ПРЕДМЕТОВ ФОРТНАЙТ, ОБЗОР!
3 weeks ago 00:01:34 8
👌 Earning 90k
3 weeks ago 00:02:46 1
Star Wars Outlaws: Official Story Trailer
3 weeks ago 00:00:44 3
the experts guide to wendalights solar fairy string lights
3 weeks ago 00:00:55 1
best 20 wendalights led icicle lights led curtain lights things for 2024
3 weeks ago 00:00:27 2
the future of wendalights 24V s14 e27 string lights in 2024 (and why you should pay attention)
3 weeks ago 00:03:08 2
Týr - Dragons Never Die (Official Video)
3 weeks ago 00:19:40 14
VELMA GETS SPOOKED 3
3 weeks ago 08:28:05 1
In Full: Lord Arbuthnot gives evidence to Post Office Horizon IT inquiry
3 weeks ago 00:12:17 1
Rivian R1T: Electrifying the Outdoors | Leg 4 of 5: La Sal to Tremonton | MotorTrend
3 weeks ago 00:04:00 1
Web3 Platform | Web 3 Crypto | Trading Crypto
3 weeks ago 00:03:09 1
Ekoh x Lø Spirit- GOOD THINGS
3 weeks ago 00:12:07 1
Rivian R1T: Electrifying the Outdoors | Leg 3 of 5: Bartlesville to La Sal | MotorTrend
3 weeks ago 00:04:36 1
Nordvpn Review 🤑 What is the Most Safe VPN in The World?
3 weeks ago 00:16:33 1
how starting a small business changed my life (& it can change yours too!) ✿ let’s be vulnerable
3 weeks ago 00:01:00 1
Нужен совет!!!
3 weeks ago 00:09:32 1
Google Maps Data Scraping with Business Emails | Supports Multiple Keywords at Once!
3 weeks ago 01:19:45 4
Copenhagen 1987
3 weeks ago 00:03:08 1
Nordvpn Review 🔥 Where can I get a NordVPN promo code?
3 weeks ago 00:05:04 1
3 HOUR MATCH! World Record? | Hearthstone Battlegrounds
3 weeks ago 00:59:26 1
Chook - This Way Up Artist Agency Podcast 003 (Aug/2008)
3 weeks ago 00:20:44 1
1 Getting Started
3 weeks ago 00:04:24 1
Billy Joel - A Matter of Trust (from A Matter of Trust - The Bridge to Russia)