Skip to content

Latest commit

 

History

History
57 lines (43 loc) · 1.04 KB

README.md

File metadata and controls

57 lines (43 loc) · 1.04 KB

Unsplash search

Demo

Demo

TODO

  • central state
  • cache
  • performance
  • more tests
  • input auto focus
  • parametrized most
  • masonry displacement algoritm

Infinite loading

  • load more mechanizm
  • window larger than screen
  • images enable alt
  • images substute while image itself loaded
  • urls preload
  • images preload
  • urls lazy load
  • images lazy load

Dev

  • react-query dev-tools
  • reducer dev-tools
  • print action to redux-devtools
  • typescript: reducer payload types and not allow other init state fields
  • CRA - override eslint settings
  • typescript: react-query

Info

Testing

Hooks variants

Debounce

Throttle

  • react-use
    • useThrottle
    • useThrottleFn
    • lodash throttle: useRef({ fetchMore: _throttle(fn, ms, { wait, leading, trailing }) })