Скачать или смотреть Build APIs for product images & search words - React.js Tutorial 1: From Cart to E-Commerce Web App

In this lesson we pick from our "cart" tutorial and build an API for our product search terms and images.

Lesson outline:
00:06 - Update SQL database - we have new data coming in
00:34 - Building search terms array - Build an input field & button
01:46 - Update search words function
03:43 - Our resources include Bootstrap 5 documentation
08:06 - Create a default when no data exists
11:11 - Utilize React's useEffect() to get data on module load
13:29 - Update client side JSON object
15:34 - Update server side JSON object
21:05 - Switch from badge icon to button
23:02 - Grab All Items upon update success
24:10 - Create default items
25:00 - Avoid duplicate search terms
26:03 - Item images array
27:33 - Copy paste JSX
29:37 - Update client side images object
30:34 - Update sever side images object
31:04 - Load images on module load
35:12 - Image preview within the CMS (Content Management System)
36:23 - Custom CSS from CMS thumbnails
39:11 - Set images on module load
40:07 - More CSS trial & error
41:17 - Chrome inspector window for faster results
41:45 - Store arrays as URI component

Github: https://github.com/aaronrs2002/cart-e...


Required prerequisite tutorial:    • E-Commerce web app tutorial - Built with R...