Learn React by Building an eCommerce Site – Tutorial
By freeCodeCamp.org
Published: Oct 27, 2021“
Learn React by building an e-Commerce application with Class Components.
You will learn component basics, rendering various items in components, parent-to-child component communication, lifecycle methods, forms, REST-API calls with JSON server, and basic routing.Source code: https://github.com/webuniversity/react-free-code-camp
This course was developed by Mr. Harsha Vardhan. Check out his Youtube channel: https://www.youtube.com/c/harshaglobal
Complete React course with Hooks and Redux by Harsha Vardhan:
https://www.udemy.com/course/react-fo…Course Contents
- (0:00:00) Introduction
- (0:03:45) What is React
- (0:12:52) Understanding Components
- (0:19:05) Create New React App
- (0:29:41) React React App From Scratch
- (0:44:19) Load Bootstrap
- (0:52:14) Create React Components
- (1:07:55) Add CSS Styles
- (1:11:10) Add Bootstrap NavBar
- (1:18:22) Fix Error – DOM property class
- (1:21:54) Nested Components
- (1:35:35) Render Expressions
- (1:41:31) Handle Events
- (1:47:11) Update Component State
- (1:51:58) Render List
- (2:00:13) Render Conditionally
- (2:05:53) Render Methods
- (2:13:46) Render Images
- (2:18:32) Render CSS Styles
- (2:25:19) Render CSS Classes
- (2:29:36) Pass Event Arguments
- (2:40:57) Render Child Components
- (2:49:58) Props
- (3:02:48) Props vs State
- (3:12:11) Props.Children
- (3:16:15) Handle Child Events
- (3:41:59) Delete Child Components
- (3:52:57) Life Cycle Phases of Components
- (3:57:22) Mounting Phase
- (4:07:45) Updating Phase
- (4:17:16) Unmounting Phase
- (4:22:10) Life Cycle of Child Components
- (4:30:02) Error Handling Phase
- (4:36:16) Basic Form
- (4:45:01) Two-Way Binding
- (4:56:36) Form Submit Button
- (5:04:51) HTTP Requests
- (5:18:09) Async and Await
- (5:25:28) Login Form with HTTP Request
- (5:34:00) Basic Routing
- (5:40:15) “404” Page
- (5:43:51) Switch
- (5:45:20) Link
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
”
Tag: eCommerce
[#Money #Success] 10 Technologies That Can Make You RICH
10 Technologies That Can Make You RICH
By Alux.com
Published: Apr 12, 2021“
“This is the technology that you should invest in!”
SUBSCRIBE to ALUX: https://www.youtube.com/channel/…
The Most Valuable Resource in the Future: https://youtu.be/38STVCRtww8
Video Notes: https://www.alux.com/technologies-rich/
INVEST in yourself today!
Enroll in BITCOIN ESSENTIALS: https://www.alux.com/bitcoin
Get a free audiobook thanks to AUDIBLE: https://www.alux.com/freebook
Disclaimer: signing up for Audible will result in financial compensation towards Alux Inc at no additional cost to you, the consumer.In this Alux.com video we will be answering the following questions:
- How to make money online?
- Which are the best technologies to make you money?
- Get Rich Playlist: https://www.youtube.com/playlist?list…
- Take Action Playlist: https://www.youtube.com/playlist?list…
- All Sunday Motivational Videos: https://www.youtube.com/playlist?list…
- Book Club: https://www.youtube.com/playlist?list…
Social Media:
- https://www.instagram.com/alux/
- https://www.facebook.com/alux
- https://www.twitter.com/aluxcom
”
