codinronan

    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

/*! 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

https://www.akitio.com/expansion/node-pro -- great example of one https://gist.github.com/simondavies/41f71fc7d6982a28ba09 https://www.npmjs.com/package/react-cookie-consent https://github.com/Mastermindzh/react-cookie-consent https://github.com/buildo/react-cookie-banner https://github.com/Palmabit-IT/react-cookie-law https://github.com/enzsft/react-cookie-consents

codinronan

# .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

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

codinronan

.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

<div scrollSpy>
  <div [waypoint]="i" *ngFor="let i of [1,2,3,4,5,6,7,8]">
    {{ i }}
  </div>
</div>

codinronan

'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

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

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/