[#Webdesign #Coding] Learn React State In a Single Video (Context, Reducer, Dispatch, Memo)

Learn React State In a Single Video (Context, Reducer, Dispatch, Memo)

By LearnWebCode
Published: May 16, 2022


LearnWebCode Let’s learn about “state” in React. My premium courses and coupons: https://learnwebcode.com/courses/

GitHub link for this video: https://github.com/LearnWebCode/react…

    0:00 Intro

  • 2:12 Getting Started (First Example)
  • 19:12 Multiple Components
  • 33:12 Context
  • 48:05 Caveat (Unintentional Renders)
  • 1:02:19 Reducer
  • 1:24:14 Don’t Make Everything Global

[#Script #Coding] Learn React by Building an eCommerce Site – Tutorial

Learn React by Building an eCommerce Site – Tutorial

By freeCodeCamp.org
Published: Oct 27, 2021


freeCodeCamp.org 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

[#Script #Coding] Deploy 12 apps to AWS, Azure, & Google Cloud

Deploy 12 apps to AWS, Azure, & Google Cloud


By freeCodeCamp.org
Published: Jul 29, 2021


freeCodeCamp.org Learn how to deploy 12 different apps to 3 different cloud services.

This course was created by Scalable Scripts. Check out their channel: https://www.youtube.com/c/ScalableScripts

  • (0:00:00) Intro
  • (0:00:37) Dockerize a React app
  • (0:08:57) Dockerize a NodeJS app
  • (0:13:40) Dockerize a VueJS app
  • (0:20:00) Dockerize a NestJS app
  • (0:26:26) Dockerize an Angular app
  • (0:35:00) Dockerize a Golang app
  • (0:41:23) Dockerize a Svelte app
  • (0:47:27) Dockerize a Django app
  • (0:52:12) Dockerize a Laravel app
  • (0:56:32) Dockerize a .NET Core app
  • (1:03:41) Dockerize a Spring Boot app with Kotlin
  • (1:11:20) Dockerize a Deno app
  • (1:16:33) Deploy a Container to AWS
  • (1:25:22) Deploy a Container to Azure
  • Deploy a Container to Google Cloud

Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
And subscribe for new videos on technology every day: https://youtube.com/subscription_cent...

[#Webdesign #Coding] What is JSX? The 10 Days of React JS (Day 3)

What is JSX? The 10 Days of React JS (Day 3)


By LearnWebCode
Published: Apr 27, 2020


LearnWebCode Join the full course: https://www.udemy.com/course/react…
Copy & Paste Starter: https://codepen.io/learnwebcode/pen/oNgRjpo?editors=0010
CodePen Finished Code: https://codepen.io/learnwebcode/pen/gObJwwV?editors=1010

Proudly powered by WordPress
Creative Commons License
EricBrooks.Com® is licensed under a Creative Commons License.

Disclaimer: The views expressed herein are solely those of Eric Brooks. They do not necessarily reflect those of his employers, friends, contacts, family, or even his pets (though my cat, Puddy, seems to agree with me on many key issues.). In accordance to my terms of use, you hereby acknowledge my right to psychoanalyze you, practice accupuncture, and mock you incessantly with every visit. As the user, you also acknowledge that the author has been legally declared a "Problem Adult" by the Commonwealth of Pennsylvania, and is therefore not responsible for any of his actions. ALSO, the political views and products advertised on this site may/may not reflect the views of Puddy or myself, so please don't take them as an endorsement. We just need to eat.



Connect