Skip to content

Instantly share code, notes, and snippets.

View loaders.txt
https://norde.io/
https://github.com/tienpham94/react-awesome-spinners
https://github.com/davidhu2000/react-spinners
https://github.com/JoshK2/react-spinners-css
https://github.com/jameygleason/aperitif
@codinronan
codinronan / app.js.liquid
Created Feb 23, 2020 — forked from rotcl/app.js.liquid
Shopify - Fix Instagram feed en Turbo
View app.js.liquid
/*! jQuery v3.3.1 | (c) JS Foundation and other contributors | jquery.org/license */
!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(e,t){"use strict";var n=[],r=e.document,i=Object.getPrototypeOf,o=n.slice,a=n.concat,s=n.push,u=n.indexOf,l={},c=l.toString,f=l.hasOwnProperty,p=f.toString,d=p.call(Object),h={},g=function e(t){return"function"==typeof t&&"number"!=typeof t.nodeType},y=function e(t){return null!=t&&t===t.window},v={type:!0,src:!0,noModule:!0};function m(e,t,n){var i,o=(t=t||r).createElement("script");if(o.text=e,n)for(i in v)n[i]&&(o[i]=n[i]);t.head.appendChild(o).parentNode.removeChild(o)}function x(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?l[c.call(e)]||"object":typeof e}var b="3.3.1",w=function(e,t){return new w.fn.init(e,t)},T=/^[\s\uFEFF\xA0]+|[\s\
@codinronan
codinronan / 01_install_yarn.config
Created Feb 9, 2020 — forked from cooperka/01_install_yarn.config
AWS Elastic Beanstalk - Replace npm with yarn
View 01_install_yarn.config
# .ebextensions/01_install_yarn.config
files:
'/opt/elasticbeanstalk/hooks/appdeploy/pre/49install_yarn.sh' :
mode: '000755'
owner: root
group: root
content: |
#!/usr/bin/env bash
set -euxo pipefail
@codinronan
codinronan / useDimensions.js
Created Jul 18, 2019 — forked from EduVencovsky/useDimensions.js
React Native Hook for Dimensions
View useDimensions.js
import { useState, useEffect } from 'react'
import { Dimensions } from 'react-native'
const useDimensions = getter => {
const [dimensions, setDimensions] = useState(Dimensions.get(getter))
useEffect(() => {
const widthHandler = d => setDimensions(d[getter])
Dimensions.addEventListener('change', widthHandler)
return () => Dimensions.removeEventListener('change', widthHandler)
})
View gist:799224d58d6c679848841a581a72d8cf
.rounded-corners-gradient-borders {
width: 300px;
height: 80px;
border: double 4px transparent;
border-radius: 80px;
background-image: linear-gradient(white, white), radial-gradient(circle at top left, #f00,#3020ff);
background-origin: border-box;
background-clip: content-box, border-box;
}
@codinronan
codinronan / some.component.html
Created May 13, 2019 — forked from Kamshak/some.component.html
Angular 2 Waypoints using ng2-scrollspy
View some.component.html
<div scrollSpy>
<div [waypoint]="i" *ngFor="let i of [1,2,3,4,5,6,7,8]">
{{ i }}
</div>
</div>
@codinronan
codinronan / custom-error.js
Created Apr 21, 2019 — forked from justmoon/custom-error.js
Creating custom Error classes in Node.js
View custom-error.js
'use strict';
module.exports = function CustomError(message, extra) {
Error.captureStackTrace(this, this.constructor);
this.name = this.constructor.name;
this.message = message;
this.extra = extra;
};
require('util').inherits(module.exports, Error);
@codinronan
codinronan / components.txt
Last active Feb 12, 2019
React components
View components.txt
https://github.com/tajo/react-range - only 3.2kb minzipped, smallest I've ever seen, fully stylable and fully accessible
https://github.com/tajo/react-movable - better than draggable or dragula or dropzone, all of which are huge - this is only 3.8kb minzipped
@codinronan
codinronan / hooks.txt
Last active Feb 12, 2019
React Hooks
View hooks.txt
https://usehooks.com/useDarkMode/
--> https://github.com/donavon/use-dark-mode
https://usehooks.com/useLocalStorage/
https://usehooks.com/useMedia/
https://github.com/donavon/use-persisted-state
https://github.com/gragland/usehooks/tree/master/src/pages
https://www.reddit.com/r/reactjs/comments/apf7bz/rreactjs_hooks_contest_winners/