Flickr-React图片懒加载与无限滚动项目
Flickr 的图片懒加载+无限滚动的 React 项目，挺适合练手的。整个项目结构清晰，支持开发、构建、测试等一整套流程，启动快，改完能实时看到效果。你只要跑下npm install装好依赖，再npm start一下就能进浏览器调试，响应也快，调试起来舒服。
它用的是 React 的响应式组件加上懒加载和无限滚动的组合方案，加载图片时流畅。像做图床展示、相册功能啥的，这套逻辑你基本可以直接拿去用。滚动到底部自动加载新图，用户体验也比较自然。
构建的时候跑yarn build，会打包成优化后的版本，文件名还带hash，部署起来也方便。如果你想看构建细节，甚至可以yarn eject自己配置 Webpack 和 Babel，灵活性也不错。，eject 后就回不来了，要慎用。
你如果平时对懒加载感兴趣，推荐顺带看看：LazyLoad 延迟加载功能，还有这个jquery.scrollLoading，都是延迟加载的经典实现。想做更强的滚动列表，可以参考infinite-scrollable-list的做法。
如果你在做 React 项目，又刚好需要图像展示、分页加载、响应式滚动，不妨把这个项目跑起来看看，挺有参考价值的。
文件大小：391.13KB
评论区