React.JS for Ecommerce: Building a Store with React.JS

Explore JavaScript variables in React.js, compare var, let, and const, and learn when to declare and reassign values, using console.log for debugging.

Learn to create and call functions, use parameters and arguments, and print results with console.log, while comparing basic and arrow function syntax.

Explore arrays as a data type in React, print array values to the console, and practice strings and concatenation to combine words like Apple and banana.

Master the map method by applying a multiply function to an array, using traditional and arrow syntax, and see how return and console.log reveal results for a React.JS ecommerce store.

Explore how the filter method selects array elements in JavaScript and how it can pair with map to transform values before filtering, with console output demonstrations.

Explore the differences between JavaScript and JSX in React, learn to name components in camelcase, export them correctly, and understand how the compiler detects JS versus JSX for React projects.

Learn how to use CSS in React with class names and CSS modules, import styles into components, and apply reusable styles to nav bar and header to avoid conflicts.

Learn how to use the useState hook in React to manage state in header.js with value and setValue, and build interactive buttons that increment and decrement for an ecommerce store.

Explore props in React, learn when to use props over use state, and pass strings, numbers, functions, and objects between components to exchange data.

Learn to design a feature-rich navbar for a React ecommerce app, adding a sidebar, search and menu icons, and interactive state with useState and onClick handlers.

Explore navbar design using the ternary operator and use state to toggle input forms, header styling, and responsive sidebar behavior. Implement className changes for menu visibility.

Repair the nav bar by rewiring the menu button and div structure, adding a search icon and input handler, and wiring the menu handler to ensure the navigation works.

Build and style a header announcement for an ecommerce store by creating header containers, adding an h1 and product description, and wiring CSS, images, and a shop shampoo button.

Build a React Native shopping cart by creating amazon.js and shop cart.js components, wiring them into cart form, and rendering items with list.map props for id, title, price, and image.

Design a shopping cart using conditional rendering and a list of items, adding title, price, and image, styling with shop cart and amazon CSS, and preparing for cart functionalities.

Learn to build a React shopping cart with useState, handleClick, and props, push items into the cart, and toggle between Amazon and cart views.

Create a shopping cart in React.js by building card components and a nav bar, manage items with useState and useEffect, map products, and enable remove and price calculations.

Build and refine shopping cart features in a React.js ecommerce store, including add-to-cart, remove, and quantity controls. Use useState and useEffect to manage cart state and update totals.

Fix the currency display in the ecommerce shopping cart by placing the dollar sign before the price in the shop cart js file and the card js files.

Implement a functional login form for an ecommerce app by preventing page refresh, handling username and pin inputs with state, validating against accounts, and displaying success or error messages.