Instructional Video22:26
Curated Video

React JS Masterclass - Go From Zero To Job Ready - Home Page / 102

Higher Ed
In this video, we will understand cleaning up a bloated render method in a React component by extracting a layout component.
Instructional Video19:45
Curated Video

React JS Masterclass - Go From Zero To Job Ready - Project Structure / 099

Higher Ed
In this lesson, we will understand the styled system, a collection of utility functions that add style props to your React components and allow you to control styles based on criteria.
Instructional Video6:55
Curated Video

React JS Masterclass - Go From Zero To Job Ready - Installations / 098

Higher Ed
Here, you will learn more about a styled-component module, which allows us to write CSS within JavaScript in a very modular and reusable way in React instead of having one global dynamic class.
Instructional Video11:24
Curated Video

React JS Masterclass - Go From Zero To Job Ready - Redux Store State / 094

Higher Ed
Redux is a popular data store for JavaScript and React applications. It follows a central principle that data binding should flow.
Instructional Video16:32
Curated Video

React JS Masterclass - Go From Zero To Job Ready - Solution: Components / 082

Higher Ed
After creating a ledge for the basket page, you will now learn to add functionality to the basket and start receiving items from the product list and the function buttons to work.
Instructional Video9:43
Curated Video

React JS Masterclass - Go From Zero To Job Ready - Solution: Pages / 083

Higher Ed
In this video, you will learn how to use the React router and its components to create a single-page application as a detail page.
Instructional Video12:56
Curated Video

React JS Masterclass - Go From Zero To Job Ready - Header and Hero Section/ 208

Higher Ed
We will take the project styling further, and look at creating the separate header and Hero sections. The Hero section will have a tagline and subtitle and then the other section with the cards and other components.
Instructional Video12:48
Curated Video

React JS Masterclass - Go From Zero To Job Ready - Route Parameters / 057

Higher Ed
In this lesson, we will understand the parameters that are defined to a route, which helps to avoid repetitive tasks, especially in the scenario of large volumes of data.
Instructional Video11:27
Curated Video

React JS Masterclass - Go From Zero To Job Ready - Navigation / 056

Higher Ed
Here, we will delve deep into navigation in the React structure. There are two ways, where we will use the "useNavigate" hook, or use a navigate component.
Instructional Video8:58
Curated Video

React JS Masterclass - Go From Zero To Job Ready - React Router Introduction / 053

Higher Ed
In this video, you will learn how to use the React-Router and its components to create, which we will use in our project. This will help us to include more links and pages to our project in the future.
Instructional Video6:34
Curated Video

React JS Masterclass - Go From Zero To Job Ready - Loading State / 039

Higher Ed
Let's focus on the new loading feature, where we will create a state to show the loading of elements. Now that you have learned to fetch elements using a hook, you will now learn to load elements and display the loading image as we wait.
Instructional Video10:44
Curated Video

React JS Masterclass - Go From Zero To Job Ready - Custom Hook (useFetch) / 038

Higher Ed
In this lecture, you will learn how to create a custom hook, which are functions that perform a task or fetches the information. You will learn to create a custom hook and call that hook in the code whenever we need information.
Instructional Video11:15
Curated Video

React JS Masterclass - Go From Zero To Job Ready - useCallback Hook / 037

Higher Ed
In this video, you will learn about the useCallback hook, as the useEffect hook requires dependencies within the function. In contrast, the useCallback hook does not require a dependency within it and can call dependencies from outside...
Instructional Video7:14
Curated Video

React JS Masterclass - Go From Zero To Job Ready - Event / 036

Higher Ed
In this lecture, you will learn how to utilize a URL and how to use Async Await, and the functions we will use for the process. You will learn to segregate data based on specified conditions.
Instructional Video6:01
Curated Video

React JS Masterclass - Go From Zero To Job Ready - List Output / 035

Higher Ed
In this video, you will learn to complete the user interface for the useEffect hook. We will create a function and fetch a component to create a simple UI to display presentable information.
Instructional Video5:12
Curated Video

React JS Masterclass - Go From Zero To Job Ready - React StrictMode

Higher Ed
Let's learn about an interesting feature, a common doubt that may occur in our minds, where we loaded the conole.log once, but the information is repetitive. You will learn how the useEffect hook works here.
Instructional Video12:52
Curated Video

React JS Masterclass - Go From Zero To Job Ready - useEffect Hook / 032

Higher Ed
In this lecture, you will learn to call an API, access the information, and then create the user interface to display the information. We will understand the useEffect hook that accepts a function that contains imperative and possibly...
Instructional Video3:51
Curated Video

React JS Masterclass - Go From Zero To Job Ready - Fetching Individual Document / 262

Higher Ed
In Firebase version 9 Cloud Firestore, you can update an existing document using updateDoc() by adding, updating, or deleting the document field.
Instructional Video25:45
Curated Video

React JS Masterclass - Go From Zero To Job Ready - Error Handling / 141

Higher Ed
This video elaborates on debugging React applications to resolve errors and make the app functional and proper.
Instructional Video6:38
Curated Video

React JS Masterclass - Go From Zero To Job Ready - Dynamic Page Title / 140

Higher Ed
In this video, you will learn to validate our forms in React. Here, the form will force us to enter details before we are taken to the product confirmation page.
Instructional Video9:51
Curated Video

React JS Masterclass - Go From Zero To Job Ready - Product Service: API End Points / 138

Higher Ed
This lesson will teach us how to fetch and get product information by ID. This code uses the fetch() function to call the Web API Product controller class.
Instructional Video15:36
Curated Video

React JS Masterclass - Go From Zero To Job Ready - Data Service: API Endpoints / 137

Higher Ed
In this lesson, we will understand the styled system, a collection of utility functions that add style props to your React components and allow you to control styles based on criteria.
Instructional Video10:32
Curated Video

React JS Masterclass - Go From Zero To Job Ready - Auth Service: API End Points / 136

Higher Ed
In this lesson, you will learn to deploy and accelerate the time to deploy website and app integrations and APIs on one powerful serverless platform.
Instructional Video11:54
Curated Video

React JS Masterclass - Go From Zero To Job Ready - Dashboard: Condition 2 / 135

Higher Ed
After exploring the basics of the EC2 dashboard, you will now learn to create your EC2 instance, launch an example, and deploy a Linux-based AMI.