JavaScript

Tips to Reduce the Amount of JS in your App

• Hardware acclerated CSS
• Use newer CSS features
  • You can make a modal with just HTML and CSS
  • Scroll snap
  • From Google Developers Scroll Snap

#gallery {
  scroll-snap-type: x mandatory;
  overflow-x: scroll;
  display: flex;
}

#gallery img {
   scroll-snap-align: center;
}
</style>

<div id="gallery">
  <img src="cat.jpg">
  <img src="dog.jpg">
  <img src="another_cute_animal.jpg">
</div>``` 

* Server-rendered apps