本文是在学习 React 的时候,自己用来做练习的Demo,在 React实战--打造画廊应用 也有一篇使用 React 打造画廊应用的Demo,但是本文没有参考他的实现,有兴趣的同学可以去这个视频学习对比。
本文在前端设计方面,是学习慕课网 Lyn的视频。如果在设计方面有问题,建议参考原视频。
项目最终效果:
项目的动态展示链接: https://shiningdan.github.io/react-gallery/
项目下载方法:
这个小项目的 Demo 我已经传到网上去了,可以在 github 上进行下载。具体步骤如下:
安装方法是:
https://github.com/ShiningDan/react-gallery.git
cd react-gallery/
npm install
npm run build
npm run start
就可以在 https://localhost:8080/index.html 上看到项目的展示效果。
项目从零开始的完成步骤可以在 使用 React 和 Webpack 创建画廊应用 中查看