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),

kohheepeace

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 !

aamnah

Zsh custom git prompt cheatsheet

Everything you need for customizing your git prompt in oh-my-zsh

• print and echo commands for all functions in the git plugin. Printing and echoing because then i can check what values are outputted. Massively helpful when creating a theme.
• a list of all the variables that you can use to customize $(git_prompt_info), thanks to vergenzt

grep -o "ZSH_THEME_GIT_[A-Z_]\+" lib/git.zsh| sort | uniq

afreeland

C:\Program Files\7-Zip>7z.exe a -tzip utility.zip C:\nChannel_2014\nChannel\Dev\
nodejs\management -xr!node_modules

Coridyn

Install Ruby:
https://rvm.io/rvm/install

Install node with homebrew:
http://thechangelog.com/install-node-js-with-homebrew-on-os-x/

Turn on colours in iTerm2
http://superuser.com/questions/399594/color-scheme-not-applied-in-iterm2

OverZealous

/**
 * This file/module contains all configuration for the build process.
 */

/**
 * Load requires and directory resources
 */
var join = require('path').join,
	bowerrc = JSON.parse(require('fs').readFileSync('./.bowerrc', {encoding: 'utf8'})),
	bowerJSON = bowerrc.json.replace(/^\.?\/?/, './'),

Ayms

Code example using WebCrypto, File API, indexedDB, createObjectURL and Workers.

<input type="file" onsubmit="process_upload">

var workerjs=' \
  onmessage=function(evt) { \
		var encrypt=crypto.workersubtle.encrypt({name:"AES-CBC",iv:new Uint8Array(16)},evt.data[0]); \
		var buffer=evt.data[1]; \

Danik

; Autohotkey Capslock Remapping Script 
; Danik
; More info at http://danikgames.com/blog/?p=714
; danikgames.com
; 
; Functionality:
; - Deactivates capslock for normal (accidental) use.
; - Hold Capslock and drag anywhere in a window to move it (not just the title bar).
; - Access the following functions when pressing Capslock: 
;     Cursor keys           - J, K, L, I