Coridyn

Rails ajax comparison (fetch, Rails.ajax, axios, @rails/request.js, Turbo)

I wrote this gist because I felt that the Rails documentation was lacking a description of ajax requests.

📌 Options for ajax request

There are various ways to send ajax requests in Rails.

1. Browser default Fetch API
2. Rails.ajax (No Official docs and request for docs)
3. http client like axios
4. @rails/request.js 👈 I'm using this one now !

Coridyn

// Will only render the `content` or `render` elements if the tippy is mounted to the DOM.
// Replace <Tippy /> with <LazyTippy /> component and it should work the same.

const LazyTippy = forwardRef((props, ref) => {
  const [mounted, setMounted] = useState(false);

  const lazyPlugin = {
    fn: () => ({
      onMount: () => setMounted(true),
      onHidden: () => setMounted(false),

Coridyn

var XHR = window.XMLHttpRequest || function() {
  try { return new ActiveXObject("Msxml2.XMLHTTP.6.0"); } catch (e1) {}
  try { return new ActiveXObject("Msxml2.XMLHTTP.3.0"); } catch (e2) {}
  try { return new ActiveXObject("Msxml2.XMLHTTP"); } catch (e3) {}
  try { return new ActiveXObject("Microsoft.XMLHTTP"); } catch (e4) {}
  throw new Error("This browser does not support XMLHttpRequest.");
}, XDR = !window.msPerformance && isIE () != 10  && window.XDomainRequest || null;


/**

Coridyn

var methodColors = {
  identify: "#c66",
  track: "#66c",
  pageview: "#c6c",
  _default: "#888"
};

function log(method, objects) {
  var color = methodColors[method] || methodColors._default;
  var args = ['%c Segment.io %c '+method+' ','background: #6c6; color: white;', 'background: '+color+'; color: white;'];