pixabay-gallery-react React图片库项目

ReactTailwindCSS撸的一个图片库项目,挺适合拿来做练手或者二次开发的。项目基于Create React App,目录清晰,脚手架也比较熟,基本就是一键起飞那种。

图片是从Pixabay API拿的,免费、质量高,还支持关键词搜索,挺方便的。布局用了TailwindCSS,响应也快,代码也清爽,整体结构清晰,组件拆分得也比较合理。

开发的时候直接npm start就能跑,改完页面自动刷新。打包用npm run build,构建出来的代码已经压缩带哈希,可以直接上线。需要自定义配置的朋友也能npm run eject,不过要谨慎,不能回头。

想做图片类项目、图集展示、甚至图床的朋友,可以参考下这个思路。配合像 Tailwind CSS 和 React.js 搭建图片库 这样的文章一块看,收获更多。

如果你正好想找一个React + TailwindCSS结合的项目练手,那这个pixabay-gallery-react还挺合适的,拿来改改主题或者换个 API 都能玩出花。

zip
pixabay-gallery-react-master.zip 预估大小:20个文件
folder
pixabay-gallery-react-master 文件夹
file
Read.md 28B
folder
public 文件夹
file
manifest.json 492B
file
index.html 2KB
file
robots.txt 67B
file
favicon.ico 4KB
file
logo512.png 9KB
file
logo192.png 5KB
file
tailwind.config.js 211B
folder
src 文件夹
file
index.css 58B
folder
components 文件夹
file
ImageSearch.js 990B
file
ImageCard.js 1KB
file
App.js 1KB
file
App.css 564B
file
index.js 220B
file
craco.config.js 167B
folder
.autogit 文件夹
file
autogit.json 65B
file
README.md 3KB
file
.gitignore 310B
file
package-lock.json 1.49MB
file
package.json 1023B
zip 文件大小:371.88KB