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

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] What is JavaScript? Click to watch more…

What is JavaScript? Click to watch more…

By codeSTACKr
Published: Aug 19, 2022


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

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


JavaScript explained quickly!





[#Script #Coding] Build an Instagram Clone with React Native, Firebase Firestore, Redux, Expo – Full Course

Build an Instagram Clone with React Native, Firebase Firestore, Redux, Expo – Full Course

By freeCodeCamp.org
Published: Dec 22, 2020


freeCodeCamp.org Learn how to build an Instagram clone using React Native, Firebase Firestore, Firebase storage, Redux, and Expo. The app includes an authentication system, database, storage, and more.

Code: https://github.com/SimCoderYoutube/InstagramClone

Course from SimCoder. Check out their channel: https://www.youtube.com/channel/UCQ5xY26cw5Noh6poIE-VBog

    Course Contents

  • (0:00:00) Introduction
  • (0:02:28) Setting up React Native Expo
  • (0:16:34) Auth System With Firebase and React Native
  • (0:56:33) Save Data Using Firebase And Redux
  • (1:29:05) Handling Navigation on React Native
  • (1:49:43) Using Camera And Image Gallery With React Native
  • (2:12:57) Saving An Image Post Using Firebase Firestore and Firebase storage
  • (2:42:38) Displaying User Profile With Firebase Firestore
  • (3:11:57) Search User By Similar Name with Firebase Firestore
  • (3:36:00) Follow System Using Firestore And React Native
  • (3:55:42) Post Feed System With Firebase and React Native
  • (4:27:48) Logout Firebase Auth And Redux React Native
  • (4:35:24) Adding User Comments To Posts W/ Firebase Firestore
  • (5:14:00) Like System Using Firestore
  • (5:47:25) Redesign Release

[#Script #Coding] Instant Preview for Image Upload Applications JavaScript Tutorial

Instant Preview for Image Upload Applications JavaScript Tutorial

By Adam Khoury
Published: Jan 20, 2022


Adam Khoury In this video Adam demonstrates how to provide instant image preview that you can give your users in any upload applications. There may be an occasion where you want to allow the user to see or manipulate the object before it is uploaded to your server.

[#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] JavaScript Game Development Course for Beginners

JavaScript Game Development Course for Beginners

By freeCodeCamp.org
Published: Jul 28, 2022


freeCodeCamp.org Learn to make 2D games with HTML, CSS & plain vanilla JavaScript, no frameworks and no libraries! From sprite animation to state management, in this series of projects, you will learn everything you need to make your own 2D animated games! We will go step by step explaining each technique on a small standalone codebase and then we will use everything we learned to make a single final game.

Course by Frank’s Laboratory. https://www.youtube.com/c/Frankslabor…

[#Script #Coding] Real-Time GPS User Tracking Geolocation API JavaScript Programming

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.

[#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] Code a Squid Game JavaScript Game Using Three.js – Tutorial for Beginners

Code a Squid Game JavaScript Game Using Three.js – Tutorial for Beginners


By freeCodeCamp.org
Published: Nov 09, 2021


freeCodeCamp.org Learn how to use JavaScript and Three.js to create the Red Light/Green Light game from the TV show Squid Game. This is a beginner-friendly game development tutorial.


    Course Contents

  • (00:00) Intro
  • (01:30) Setup
  • (03:40) Three.js Basics
  • (09:38) Loading 3D Model
  • (15:46) Doll Class
  • (18:56) GSAP Animation
  • (20:58) Creating Track
  • (27:53) Player Class
  • (31:46) Keypress Handling
  • (35:32) Functioning the Doll
  • (38:13) Game Logic

[#Script #Coding] Redux Toolkit Tutorial – JavaScript State Management Library

Redux Toolkit Tutorial – JavaScript State Management Library

By freeCodeCamp.org
Published: Apr 20, 2022


freeCodeCamp.org Learn how to use Redux Toolkit in this course for beginners. Redux Toolkit is from the Redux team and tt is intended to be the standard way to write Redux logic. So if you want to learn Redux to help with state management, this is the video for you.

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