<div>
<div class="content wysiwyg-content">
Most of my experience in development is with pages that have finite amounts of content. &nbsp;I have an app in mind, however, where the amount of data delivered is indeterminate and could be rather large. &nbsp;So, I'd like to look into incremental page loading (you know the systems where if you are only looking at X amount of screen real estate - only that amount is loaded...whereas if you scroll further down it incrementally grabs more data dynamically).<br />
<br />
Can someone point me in the right direction on how to begin approaching that?<br />
<br />
I get the impression that Angular is more adept at that type of thing - but I'm inclined to use JQuery if possible due to other elements of the project being based around it. &nbsp;Is it simply a bunch of AJAX calls based upon scroll position? &nbsp;Is all of the relevant data loaded at once and the JS just renders it out as needed - or do you write the backend to deliver in predetermined increments?<br />
<br />
Any help would be greatly appreciated!
</div>
</div>


Most of my experience in development is with pages that have finite amounts of content.  I have an app in mind, however, where the amount of data delivered is indeterminate and could be rather large.  So, I'd like to look into incremental page loading (you know the systems where if you are only looking at X amount of screen real estate - only that amount is loaded...whereas if you scroll further down it incrementally grabs more data dynamically).

Can someone point me in the right direction on how to begin approaching that?

I get the impression that Angular is more adept at that type of thing - but I'm inclined to use JQuery if possible due to other elements of the project being based around it.  Is it simply a bunch of AJAX calls based upon scroll position?  Is all of the relevant data loaded at once and the JS just renders it out as needed - or do you write the backend to deliver in predetermined increments?

Any help would be greatly appreciated!

Incremental page loading approach...?  Jquery/Angular?

Angular is a JavaScript open-source web application framework used to develop single-page applications. It aims to simplify both the development and the testing of such applications by providing a framework for client-side model–view–controller (MVC) and model–view–view-model (MVVM) architectures, along with components commonly used in rich Internet applications. Angular is the front-end part of the MEAN stack, together with Node.js runtime, Express.js backend framework and MongoDB database.

Angular

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.

jQuery

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.