Curated Video
AWS, JavaScript, React - Deploy Web Apps on the Cloud - Checkout - Fixing the State
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
AWS, JavaScript, React - Deploy Web Apps on the Cloud - Finishing the Checkout
You will learn to create forms to collect information and validate user information such as billing address, mode of payment, and so on.
Curated Video
AWS, JavaScript, React - Deploy Web Apps on the Cloud - Implementing Basket Total
After implementing the shopping basket and all the functions it needs, we will execute the tasks required to make the basket add up the totals of the prices of each product multiplied by the number of items and add other features such as...
Curated Video
AWS, JavaScript, React - Deploy Web Apps on the Cloud - Implementing Basket Icons
In this video, you will learn to create basket icons, implement them one by one, and test them for functionality.
Curated Video
AWS, JavaScript, React - Deploy Web Apps on the Cloud - Implementing the Basket
After creating a ledge for the basket page, we 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
AWS, JavaScript, React - Deploy Web Apps on the Cloud - Basket Layout
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
AWS, JavaScript, React - Deploy Web Apps on the Cloud - UseContext Hook and UseReducer Hook in React
Let's understand UserContext Hook, which makes it easy to pass data throughout your app without manually passing props down the tree, and UseReducer Hook, which allows for a simpler, predictable, and organized way to update our component.
Curated Video
AWS, JavaScript, React - Deploy Web Apps on the Cloud - Introduction to Context in React
This video discusses the context in React, a method to pass props from parent to child component(s) by storing the props in a store. We will create a "cart" context to store items in our shopping cart.
Curated Video
AWS, JavaScript, React - Deploy Web Apps on the Cloud - Refactor the Homepage
In this lecture, the next step is to start building the homepage of the ecommerce site. We will use components to tell React what we want to see on the screen.
Curated Video
AWS, JavaScript, React - Deploy Web Apps on the Cloud - Refactor the Layout
In this video, we will understand cleaning up a bloated render method in a React component by extracting a layout component.
Curated Video
AWS, JavaScript, React - Deploy Web Apps on the Cloud - Refactor the Categories
This video demonstrates how we can refactor product listing categories based on certain specifics, update any changes made to the products, or take them off the listing.
Curated Video
AWS, JavaScript, React - Deploy Web Apps on the Cloud - Dangerously Set HTML (Yeah Really)
Let's learn about dangerouslySetInnerHTML, a property you can use on HTML elements in a React application to set their content programmatically.
Curated Video
AWS, JavaScript, React - Deploy Web Apps on the Cloud - Styled Components - Product Description
In this lesson, we will understand the styled system, a collection of utility functions that adds style props to your React components and allows you to control styles based on criteria.
Curated Video
AWS, JavaScript, React - Deploy Web Apps on the Cloud - Introduction to Styled Components
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
AWS, JavaScript, React - Deploy Web Apps on the Cloud - Product Description
Let's start by designing a static product tile that we can use as the template for the generated product tiles. Create a file named "components".
Curated Video
AWS, JavaScript, React - Deploy Web Apps on the Cloud - Fetch API - Get Product By ID
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.
Curated Video
AWS, JavaScript, React - Deploy Web Apps on the Cloud - React Router - Detail Page
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
AWS, JavaScript, React - Deploy Web Apps on the Cloud - Fixing the Key Warning
Let's learn more about the "Each child in a list should have a unique key prop" warning, which happens in React when you create a list of elements without the unique key attribute.
Curated Video
AWS, JavaScript, React - Deploy Web Apps on the Cloud - Installing React Router
In this video, you will learn how to install the React router; the React Router can be installed through the NPM in our React application.
Curated Video
AWS, JavaScript, React - Deploy Web Apps on the Cloud - Styling the Product List
This video demonstrates how we can update and stylize the product list based on specific ecommerce store's sales criteria.
Curated Video
AWS, JavaScript, React - Deploy Web Apps on the Cloud - Tidy the Fetch API Call
Here, you will learn how to clean up the Fetch API, which provides a JavaScript interface for accessing and manipulating protocol parts, such as requests and responses.
Curated Video
AWS, JavaScript, React - Deploy Web Apps on the Cloud - Dealing with Errors in Fetch API
Let's understand how to deal with errors in a fetch API. If errors are encountered during a fetch() call, it is often necessary to halt the compiler from reading the next few lines of code, rectifying the code, and re-fetching the API.
Curated Video
AWS, JavaScript, React - Deploy Web Apps on the Cloud - Refactor the Fetch API Call
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
AWS, JavaScript, React - Deploy Web Apps on the Cloud - Binding the Products
In this video, we will explore binding products, which are articles that can be used as a graphical finishing or as an assembly item for other products.