基于react全家桶的图片瀑布流展示单页应用(新手向),欢迎点评

#1

react-images(瀑布流图片应用)

背景

看了redux文档后,感觉不是很难的样子,就打算写一个全家桶套餐来巩固对react的认识,正好发现百度图片的api可以使用,so写一个。断断续续总是完成一开始的定位了。

技术盏

  • react全家桶
  • less+rem+flex
  • localStorage

瀑布流

瀑布流原理挺简单,固定列数并维护每列的高度,图片往最矮的那列扔就对了,再监听scroll(函数节流防多次调用),动态加载数据。
对于确定高度的图片item可以一次渲染完成布局,但对于不确定高度貌似需要先渲染获取高度再布局?该项目就是这样两次渲染完成布局。

感想

redux数据流设计比较恼火,写着写着感觉状态不够就添点进去,后面干脆把所有能考虑到的一次初始化,然后在对感兴趣的状态慢慢订阅。搜索组件使用自身状态,未用redux管理,写起来就嗖嗖的快。
之前玩的express上的router和vue-router,感觉好简单啊,开始用react-router就觉得很别扭,现在总算是能熟练运用了。

不经常码字,写的不好就原谅我吧。

源码地址: react-images

准备找工作了,不知道这个水准行不行:sweat_smile: