You can employ window scrolling to predict when the user will need access to the functionality provided in that module. You may have noticed an increase in page loading times, and you want to load that module on demand. Performance - You may have a large module that is impacting performance negatively. Use casesĭynamic UI - Perhaps you have a blog and you want to show a progress bar at the top of an article to indicate how much of the article has been read (or more accurately, scrolled).
ANGULAR 4 UNPKG UPDATE
Plus, RXJS provides the ability to use observables to update and store our calculations that are collected from our listeners. You’ll notice content that is hidden out of view, which appears with animation or transition, sliding or fading into view.Īngular makes it even easier to listen to user events such as scrolling, with the built-in host decorators. You’ll find that most of them have either animation on scroll, feature infinite scrolling to assist their search functionality, or will dynamically load resources as and when you need them. The sites that you believe have a quality UI and user experience. Think about the modern web applications that you use every day. The Angular compiler provides the ability to split chunks, separating that code from the rest of the bundle with the use of an es6 dynamic import. It can improve page loading times through the ability to save on the main bundle size that is the chunk of code that is loaded immediately on page load. This goes far beyond the aesthetics of the application. But reacting to user events such as scrolling can improve applications beyond the looks.įor instance, using window scrolling, you can dynamically render components or lazy load chunks of code on demand.
Some Dynamism Dynamic User Interface and Fluid User ExperienceĬreating dynamic, responsive, and intelligent web applications involve becoming reactive.
0 kommentar(er)
