ng-bootstrap VS lazysizes

You’ll be using bootstrap to style this app. So you’ll need to install ng-bootstrap.

I'm using the datepicker (ng-boostrap) in a popup and I would like to change the date format to dd-mm-yyyy.

While working with Angular project, you may check Vuexy – Angular Admin Dashboard Template. It is made using ng bootstrap and Angular CLI. If you’re a developer looking for an admin dashboard that is developer-friendly, rich with features, and highly customizable look no further than Vuexy.

I'm actually using ng-bootstrap as ngx wasn't playing well with angular elements.

You’ll be using bootstrap to style this app. So you’ll need to install ng-bootstrap.

It's nice for adding a basic accordion quickly, but it does not support animation yet. However for projects with animation, you usually have a framework, which makes it easy for you anyway. E.g. Angular Bootstrap widgets.

https://ng-bootstrap.github.io/#/home

I was trying to work through this tutorial on pagination but I realize that I don't want to have to hardcode arrays. I want the pagination to work dynamically. Can anyone point me to good resources on this?

Use a JavaScript library to implement lazy loading. There are a number of JavaScript libraries available that can help you implement lazy loading, such as Lazysizes and Lozad.

Normally I would write some client-side JS to do this but as this project is solely server-rendered I opted to use a simple tried-and-true library for this: lazysizes.

I recently did some optimizations on my personal website to make the images load “lazily.” In other words it only loads stuff once it hits the viewport. I think that’s what you’re looking for. I tried two techniques:

1. There is an HTML attribute to do just this and it seems to work for iframes too: https://developer.mozilla.org/en-US/docs/Web/Performance/Laz...

2. There is a simple library called “lazy sizes” (https://github.com/aFarkas/lazysizes)

I tried to avoid the lib and use the native HTML… but for whatever reason the lib worked more reliably/effectively in manual tests as well as in my benchmarking via PageSpeed / Lighthouse. YMMV!

lazysizes is better than loading="lazy"

Since browsers support native lazy-loading, do we need libraries like this https://github.com/aFarkas/lazysizes?

Use Lazy loading for below-the-fold images. (You can use different 3rd party libraries like Unveil, lazysizes, etc.)

⚡️ Lazy load images with lazysizes

You can also use this really great library for handling the loading of images in a holistic and well-supported way or you can look at manually implementing the LQIP technique.

And, lazyloading is only for images. If you use e.g. lazysizes you can do anything with it. I'm a digital publisher so I use it for ads and embedded tweets/IGs and so on.