bootbox.confirm and Promises

 https://stackoverflow.com/questions/34453685/how-to-use-confirm-alert-and-return-an-ajax-promise

https://stackoverflow.com/questions/22684242/can-bootbox-confirm-work-synchronously

Avoiding errors when using querySelector() in vanilla JS

 https://gomakethings.com/avoiding-errors-when-using-queryselector-in-vanilla-js/

Stimulus's and jQuery- Sticky Table Header with Infinite Scrolling

 https://onrails.blog/2018/03/20/stimulus-js-tutorial-listening-to-onscroll-events-for-a-sticky-table-header/

https://github.com/jmosbech/StickyTableHeaders

jquery + mobx example

https://jsfiddle.net/mweststrate/vxn7qgdw

Infinite Scroll related

https://stackoverflow.com/questions/23961566/javascript-infinite-scroll-inside-a-div

Using jQuery vs more advanced JS frameworks

"Jquery results in mostly event handling and procedural code. The more advanced frameworks, if used properly end up more declarative with some event handling. That's much easier to write, read and understand."

Card

jquery related - overriding a function in a jquery plugin

https://stackoverflow.com/questions/6929426/overriding-a-function-in-jquery-plugin

onmount, rsjs - Guidelines on how to structure your JavaScript in a standard non-SPA web application

http://ricostacruz.com/rsjs/
https://www.npmjs.com/package/onmount
https://github.com/rstacruz/scriptjs/

Rails performance related: Speeding Up Rendering Rails Pages with render_async

Speeding Up Rendering Rails Pages with render_async
https://semaphoreci.com/blog/2017/06/08/speeding-up-rails-pages-with-render-async.html

integrating-react-with-an-existing-jquery-web-application/

http://www.primaryobjects.com/2017/05/08/integrating-react-with-an-existing-jquery-web-application/

jquery: dropdown

http://stackoverflow.com/questions/2780566/get-selected-value-of-a-dropdowns-item-using-jquery

For single select dom elements, to get the currently selected value:

$('#dropDownId').val();

To get the currently selected text:

$('#dropDownId :selected').text();

What is hard to do using React.js compared to jQuery?

https://www.quora.com/What-is-hard-to-do-using-React-js-compared-to-jQuery

Yangxin Deng

Written 1 Jul 2015

Just name a few that React is not good at

1. Async loading. Async loading is a must-have for Single Page App but React doesn't have a native support for Async loading.
2. Animation. You have to fall back to other library for animation.
3. Integration with other library. You don't want to rewrite all available cool library in React, do you?
 
When working with async loading, animation and integration with other jQuery library, you end up have too many work-around in your code and you can hardly call your framework React.

Nito - A jQuery library to build user interfaces, inspired by React

Nito: A jQuery library to build user interfaces, inspired by React

https://github.com/morris/nito

Boiling React down to a few lines in jquery

http://hackflow.com/blog/2015/03/08/boiling-react-down-to-few-lines-in-jquery/
Comments in Reddit: https://www.reddit.com/r/programming/comments/2yc1cs/boiling_react_down_to_few_lines_in_jquery/

Rails related - jquery-ujs

https://github.com/rails/jquery-ujs/wiki
https://robots.thoughtbot.com/a-tour-of-rails-jquery-ujs

Difference between $(window).load() and $(document).ready() functions

http://stackoverflow.com/questions/4584373/difference-between-window-load-and-document-ready-functions

http://stackoverflow.com/a/20068053

jquery - find out if a checkbox is checked or not

$('#my_checkbox').is(':checked')

jQuery code to get the selected radio button (and its value)

jQuery code to get the selected radio button and its value

.val() - it looks like we should not use this for radiobuttons.

$('input:radio[name=rblist]').val() - this was giving the value of the radiobutton that was selected (checked) when the page loaded.
If I changed the selection, and then checked .val(), it was showing the previous value still. 

To get the selected radiobutton, I had to iterate over the list of radio buttons and check each one if it is checked or not.

$('input:radio[name=rblist"]').each(function(){ 
  if ($(this).is(':checked')) { 
    rb_value = $(this).val(); 
    console.log("Selected rb value = " + rb_value); 
  } 
});

jquery: checkbox & radiobutton related

Is checkbox checked:

 if ($('#order_use_billing').is(':checked')){

}

Wiring up event-handler to Radiobuttons & checking which one was selected:

$('[name=use_existing_billing_address]:radio').change(function(){
  if ($('[name=use_existing_billing_address]:checked').val() == 'yes') {
   
  }
  else {
 
  }
}

Javascript: Get last item in array

http://stackoverflow.com/questions/3216013/get-the-last-item-in-an-array

arr.slice(-1).pop()