learning-image-gallery-react-tailwind Tailwind Templates

Learning Image Gallery React Tailwind

image gallery, where the data fetch from Pixabay API. using React + Vite

React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

code along

https://youtu.be/FiGmAI5e91M?list=PLillGF-RfqbY3c2r0htQyVbDJJoBFE6Rb

what i learnt

  • this tutorial use create-react-app but i chose to use vite
  • getting random images for placeholder from url https://picsum.photos/
  • use pixabay api to get images
  • save api key in .env file
  • using React + Vite, use import.meta.env... to access api key in .env file and Vite only recognizes variables prefixed with VITE_

Top categories

Loading Svelte Themes