Profile cover photo
Profile photo
Minko Gechev
283 followers
283 followers
About
Minko's posts

Post has attachment
Open source linting for your Angular components, inline templates, styles, services & pipes!

You can now try codelyzer in your browser on http://codelyzer.com
Animated Photo

Post has attachment
List of practices for developing ⚡lightning⚡ fast Angular 2 applications

https://github.com/mgechev/angular2-performance-checklist

Post has attachment
"Reduce bundle size of your app to less than 50K"

Post has attachment

Post has shared content
Dots are forming a torus! No rotational motion - every single dot is oscillating on a straight line!

#nomotionpicture  
Animated Photo

Post has shared content
When you're stepping through a long loop while debugging..
Animated Photo

Post has attachment

Post has attachment

Post has attachment

Post has shared content
Building fast infinite list views: Let's collect the patterns and antipatterns.

These are lists that just keeeeeep scrolling content. Very common in mobile UIs. I know of a few guidelines for developing these, but would like to collect all the best practices and things to avoid when making  infinite content that can scroll at 60fps.

A few demos I know of: 
elliottsprehn.com/personal/infinite-scroll.html
airbnb.github.io/infinity/demo-on.html
rawgithub.com/Polymer/labs/master/list/static-scroll-display.html
rawgithub.com/Polymer/labs/master/list/virtual-scroll-examples.html

Do: separate scroll handler from rAF render loop
Do: minimize layout cost in render loop.  (Use textContent rather than innerHTML. Use overflow:hidden to keep layout boundary close)
Do: retain inertial scrolling. 
Do: GPU accelerate the layer
Don't: have a hover effect that can trigger during scroll
Don't: do anything more than get a scroll offset in the scroll event handler

Any posts or articles on the subject, you recommend? 
Wait while more posts are being loaded