Tag: JS

[#Script #Coding] Fastest Upgrade to React 18!! Only 1 Second!

Posted on by Eric Brooks

Fastest Upgrade to React 18!! Only 1 Second!

By codeSTACKr
Published: Apr 11, 2022

“
codeSTACKr Become A VS Code SuperHero Today: https://vsCodeHero.com

Join my Discord developer community: https://discord.gg/A9CnsVzzkZ

Upgrade to React v18 super-fast! It only takes 1 second. Let me show you how.

”

[#Webdesign #Coding] Code a Game Using React + Data Fetching with useEffect

Posted on by Eric Brooks

Code a Game Using React + Data Fetching with useEffect

By LearnWebCode
Published: Jul 19, 2022

“
LearnWebCode Let’s build a dog guessing game that fetches data from an API. My premium courses and coupons: https://learnwebcode.com/courses/

GitHub starter link: https://github.com/LearnWebCode/vite-…
GitHub Finished Product Reference: https://github.com/LearnWebCode/react…

    CONTENTS:

  • 0:00 Intro
  • 1:42 Starter Setup
  • 3:05 Fetching Dog API Data
  • 7:36 useEffect Data Fetching / Strict Mode
  • 16:22 Getting Data Ready for Questions
  • 24:36 State with Immer Reducer
  • 36:52 Creating Questions
  • 41:46 The JSX Game Interface
  • 48:32 Game Logic
  • 53:48 Time Clock & Hearts UI
  • 1:02:38 Game Over Screen
  • 1:11:07 Actually Counting Down Time
  • 1:17:01 Preload Images
  • 1:19:58 High Score Local Storage

”

[#Script #Coding] Top 30 React Interview Questions and Concepts

Posted on by Eric Brooks

Top 30 React Interview Questions and Concepts

By freeCodeCamp.org
Published: Sep 12, 2022

“
freeCodeCamp.org Prepare for a React interview or improve your React skills by learning about 30 common React JS interview questions and concepts.

Nishant Singh developed this course. Check out his channel: https://www.youtube.com/c/Cybernatico…

    Course Contents

  • (0:00:00) Introduction
  • (0:00:43) Map and Filter
  • (0:20:06) States in React
  • (0:33:33) Props in React
  • (0:40:34) Inline Conditional Expressions
  • (0:52:04) Event Handling in React
  • (0:57:41) Keys in React
  • (1:03:25) Forms in React
  • (1:18:04) Dynamic Inputs in React
  • (1:26:02) CSS Styling in React
  • (1:36:47) Uncontrolled v/s Controlled Components
  • (1:44:10) Virtual DOM
  • (1:46:05) InnerHTML in React
  • (1:55:23) React Fragments
  • (2:00:02) Stateless v/s Stateful Components
  • (2:01:57) REST API Requests
  • (2:27:05) Debouncing in React
  • (2:38:43) Context API in React
  • (2:49:33) Class v/s ClassNames in React
  • (2:52:59) Higher Order Components
  • (3:06:18) Lazy Loading in React
  • (3:14:34) Helper Functions in React
  • (3:24:21) Implementing Recursion in React
  • (3:27:10) Running Arrays of Functions
  • (3:33:08) Custom Hooks in React
  • (3:37:22) Promises and Async/Await
  • (3:51:52) Code Splitting in React(Dynamic Imports)
  • (3:58:18) Creating a Search Filter in React
  • (4:13:10) Adding TypeScript to React
  • (4:16:36) React Testing Library
  • (4:30:41) Caching an API Response

”

[#Script #Coding] React Testing Course for Beginners – Code and Test 3 Apps

Posted on by Eric Brooks

React Testing Course for Beginners – Code and Test 3 Apps

By freeCodeCamp.org
Published: May 23, 2022

“
freeCodeCamp.org In this React testing course, you will learn how to code, test, and deploy 3 different React apps. You will learn how to use React Testing Library, write end-to-end visual tests, and develop comprehensive test strategies. You will also learn how to use testing tools such as Happo.io, Cypress, and Jest.

    GitHub Links:

  1. https://github.com/nadvolod/react-web-app
  2. https://github.com/nadvolod/js-code/t…
  3. https://github.com/nadvolod/js-code/t…

Nikolay Advolodkin created this course. Check out his channel: https://www.youtube.com/ultimateqa
Subscribe to Nikolay’s weekly email on JavaScript testing: https://ultimateqa.ck.page/js-testing…
Nikolay’s blog: https://ultimateqa.com/blog

    Course Contents

  • (0:00:00) Introduction
  • (0:01:47) Creating A React App and Deploy to Microsoft Azure
  • (0:42:14) Birthday Reminder React App with Full Testing
  • (1:18:29) Build & Test A Portfolio Website

”

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

Posted on by Eric Brooks

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] Real-Time GPS User Tracking Geolocation API JavaScript Programming

Posted on by Eric Brooks

Real-Time GPS User Tracking Geolocation API JavaScript Programming

By Adam Khoury
Published: Jun 10, 2022

“
Adam Khoury Track location, speed, heading and altitude in real-time or as a one-shot request for a user. Add the pieces of data to your database, then recall the data when needed to show their position markers on a map of your choosing.

”

[#Webdesign #Coding] Bootstrap v5: Getting Started (Buttons, Responsive Columns, Accordion)

Posted on by Eric Brooks

Bootstrap v5: Getting Started (Buttons, Responsive Columns, Accordion)

By LearnWebCode
Published: Aug 26, 2020

“
LearnWebCode 0:00 Intro
1:07 Getting Started
3:09 Version 5
5:01 Basic Classes
9:28 Columns
14:08 Responsive Classes
19:16 Bootstrap JS
21:44 Opinion: Should You Use Bootstrap?

Playlist for this full series: https://www.youtube.com/playlist…

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

Posted on by Eric Brooks

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