react-vite-ts-tailwind-exp-1

• React + Vite + TypeScript + Tailwind CSS + Experiments

Demo: https://avshir.github.io/react-vite-ts-tailwind-exp-1/

Used technologies:

• React, Vite,
• TypeScript
• Tailwind CSS
• prettier
• react-router-dom (BrowserRouter)
• "react-intersection-observer" (for Lazy image load in ProductPage)
• Intersection observer API (for Lazy image load and infinite scrolling in ProductDummyPage)
• deploy: gh-pages

Used API:

• fakestoreapi.com - for ProductPage
• dummyjson.com - for ProductDummyPage with Infinitely Load More Data using Intersection observer

Used tutorials:

• React и TypeScript - Быстрый Курс 2020 Minin

• Tailwind М.Непомнящий

• Infinitely Load More Data in React with the IntersectionObserver API

• React Intersection Observer (scroll + lazy-load картинок) with plugin "react-intersection-observer" (for ProductPage)

• Deploy Vite to gh-pages

• Deploy Vite to gh-pages fix routes errors to fix routes errors with createBrowserRouter/BrowserRouter