Curated Video
React JS Masterclass - Go From Zero To Job Ready - Toggle Dropdown (Hide) / 122
In this video, you will learn how to effectively handle the chaining of fetch calls to avoid nesting them together, clean up our component code, and abstract those details away from our component code.
Curated Video
React JS Masterclass - Go From Zero To Job Ready - Filter: Initial Product List / 112
We will create a checkout page, which will require us to handle the items in the product list, make final calculations, and add any other info if needed; reloading the page should allow us to make changes in the total by adding or...
Curated Video
React JS Masterclass - Go From Zero To Job Ready - Rating Component / 105
For the final checkout page to perform the next set of actions, you will learn how to implement an order confirmation before proceeding with the last payment order.
Curated Video
React JS Masterclass - Go From Zero To Job Ready - Installations / 098
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.
Curated Video
React JS Masterclass - Go From Zero To Job Ready - Solution: Components / 082
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.
Curated Video
React JS Masterclass - Go From Zero To Job Ready - Page Not Found / 073
In this video, you will learn how to effectively handle the chaining of fetch calls to avoid nesting them together, clean up our component code, and abstract those details away from our component code.
Curated Video
React JS Masterclass - Go From Zero To Job Ready - Solution: Pages / 083
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.
Curated Video
React JS Masterclass - Go From Zero To Job Ready - Solution: Project Setup
In this video, you will learn how to create the basket layout for storing the chosen products and increase or decrease the quantity of the items or delete the items from the list.
Curated Video
React JS Masterclass - Go From Zero To Job Ready - Scroll Restoration: Scroll to Top / 075
In this video, we will understand cleaning up a bloated render method in a React component by extracting a layout component.
Curated Video
React JS Masterclass - Go From Zero To Job Ready - Navigation Structure
In this video, we will complete the header section of the Cinemate project and increase font sizes, change logo appearance, activate the navigation link, adding dynamic classes and add hidden variables.
Curated Video
React JS Masterclass - Go From Zero To Job Ready - Footer / 209
In this lesson, we will learn to create our footer for the SoundMate project. We will define parameters to alter its appearance at the bottom of the page to our requirements.
Curated Video
React JS Masterclass - Go From Zero To Job Ready - Nested Routes / 059
In this video, we will understand the concept of nested routes. When we create a route and then link other routes with a common hook, then we can create a super route that has the components that can be used in all other subsequent routes.
Curated Video
React JS Masterclass - Go From Zero To Job Ready - No Route Found / 058
This lesson will teach us how to create a condition for the page 404, "no page found," "no route found," etc. We will define a path in the route that loads a component.
Curated Video
React JS Masterclass - Go From Zero To Job Ready - Local Storage: Store All Tasks / 050
Here, we will focus on our local storage. When we create tasks in our TaskMate, we need to provide the app a local storage to store the tasks that we create.
Curated Video
React JS Masterclass - Go From Zero To Job Ready - Project Structure
In this lesson, we will start our project from the basics. We will create the folder structure, create a basic React app, and call it TaskMate. We will create the basic setup for the project.
Curated Video
React JS Masterclass - Go From Zero To Job Ready - Infinite Loops / 042
In this lecture, we will discuss passing primitive values and passing a function using a callback. We will use the useRef hook to create a reference for the elements and values.
Curated Video
React JS Masterclass - Go From Zero To Job Ready - Handling Errors (try/catch) / 040
In this video, we will discuss handling errors, which include server errors, wrong URLs, and so on.
Curated Video
React JS Masterclass - Go From Zero To Job Ready - useCallback Hook / 037
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...
Curated Video
React JS Masterclass - Go From Zero To Job Ready - Event / 036
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.
Curated Video
React JS Masterclass - Go From Zero To Job Ready - List Output / 035
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.
Curated Video
React JS Masterclass - Go From Zero To Job Ready - React StrictMode
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.
Curated Video
React JS Masterclass - Go From Zero To Job Ready - Add New Task / 029
After learning how to input data or tasks using forms and accepting the tasks or data using the submit button, we will now examine how to create new tasks, which will receive inputs from the tasks and add them to the task list we created...
Curated Video
React JS Masterclass - Go From Zero To Job Ready - Event / 028
Let's learn to create submit buttons, enabling us to accept the input values through forms or input tabs. We can make the submit buttons and get inputs through data storage functions.
Curated Video
React JS Masterclass - Go From Zero To Job Ready - Module Level Styling / 024
In this video, we will look at styling the module with CSS, but the scope of the styling is restricted to a particular module only and not applicable elsewhere.