pixabay-gallery-react React图片库项目
用React
和TailwindCSS
撸的一个图片库项目,挺适合拿来做练手或者二次开发的。项目基于Create React App
,目录清晰,脚手架也比较熟,基本就是一键起飞那种。
图片是从Pixabay API拿的,免费、质量高,还支持关键词搜索,挺方便的。布局用了TailwindCSS
,响应也快,代码也清爽,整体结构清晰,组件拆分得也比较合理。
开发的时候直接npm start
就能跑,改完页面自动刷新。打包用npm run build
,构建出来的代码已经压缩带哈希,可以直接上线。需要自定义配置的朋友也能npm run eject
,不过要谨慎,不能回头。
想做图片类项目、图集展示、甚至图床的朋友,可以参考下这个思路。配合像 Tailwind CSS 和 React.js 搭建图片库 这样的文章一块看,收获更多。
如果你正好想找一个React + TailwindCSS结合的项目练手,那这个pixabay-gallery-react
还挺合适的,拿来改改主题或者换个 API 都能玩出花。
pixabay-gallery-react-master.zip
预估大小:20个文件
pixabay-gallery-react-master
文件夹
Read.md
28B
public
文件夹
manifest.json
492B
index.html
2KB
robots.txt
67B
favicon.ico
4KB
logo512.png
9KB
logo192.png
5KB
tailwind.config.js
211B
371.88KB
文件大小:
评论区