Big overview of what's missing in Safari 7.1+ and iOS 8+ in terms of browser storage.
Updated May 25th 2016
Marc Rutkowski marc-rutkowski
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React, { useState, useRef, useEffect, useLayoutEffect } from 'react'; | |
| import { useViewportScroll, useTransform, motion } from 'framer-motion'; | |
| const Parallax = ({ rangeX, rangeY, children, ...rest }) => { | |
| const ref = useRef(); | |
| const [rangeStart, setRangeStart] = useState(0); | |
| const [rangeEnd, setRangeEnd] = useState(0); | |
| const { scrollY } = useViewportScroll(); |
dabit3
/ SubscriptionHook.js
Last active
January 26, 2021 16:04
Example of using custom React hooks for managing GraphQL subscriptions
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import { useEffect, useState } from 'react' | |
| import { API, graphqlOperation } from 'aws-amplify' | |
| const ListTalks = ` | |
| query { | |
| listTalks { | |
| items { | |
| name | |
| description | |
| presenter { |
joeljeske
/ patch-android-studio-check.js
Created
April 2, 2018 14:40
Fixes android plugin install that fail because it cannot find AndroidManifest.xml
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * This hook overrides a function check at runtime. Currently, cordova-android 7+ incorrectly detects that we are using | |
| * an eclipse style project. This causes a lot of plugins to fail at install time due to paths actually being setup | |
| * for an Android Studio project. Some plugins choose to install things into 'platforms/android/libs' which makes | |
| * this original function assume it is an ecplise project. | |
| */ | |
| module.exports = function(context) { | |
| if (context.opts.cordova.platforms.indexOf('android') < 0) { | |
| return; | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| [user] | |
| name = Julien Bisconti | |
| email = ****** | |
| [core] | |
| excludesfile = ~/.gitignore | |
| pager = diff-so-fancy | less --tabs=1,5 -R | |
| editor = /usr/bin/vim | |
| [alias] | |
| wow = log --all --graph --decorate --oneline --simplify-by-decoration |
melv-n
/ CustomComponent-test.js
Last active
November 9, 2021 09:32
Testing React-Intl components with Enzyme's mount() and shallow() methods. This is a helper function which wraps the `intl` context around your component tests in an easy and efficient way.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import { mountWithIntl } from 'helpers/intl-enzyme-test-helper.js'; | |
| const wrapper = mountWithIntl( | |
| <CustomComponent /> | |
| ); | |
| expect(wrapper.state('foo')).to.equal('bar'); // OK | |
| expect(wrapper.text()).to.equal('Hello World!'); // OK |
ryanflorence
/ provideContext.js
Last active
October 27, 2018 15:37
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React from 'react' | |
| const provideContext = (contextKey, contextType) => ( | |
| React.createClass({ | |
| childContextTypes: { | |
| [contextKey]: contextType | |
| }, | |
| getChildContext() { | |
| const { children, ...props } = this.props |
bahmutov
/ Docker shell commands.sh
Last active
February 9, 2024 07:55
A personal cheat sheet for running local Node project in a Docker container
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| # See list of docker virtual machines on the local box | |
| $ docker-machine ls | |
| NAME ACTIVE URL STATE URL SWARM DOCKER ERRORS | |
| default * virtualbox Running tcp://192.168.99.100:2376 v1.9.1 | |
| # Note the host URL 192.168.99.100 - it will be used later! | |
| # Build an image from current folder under given image name | |
| $ docker build -t gleb/demo-app . |
Recommendations of unit types per media type:
| Media | Recommended | Occasional use | Infrequent use | Not recommended |
|---|---|---|---|---|
| Screen | em, rem, % | px | ch, ex, vw, vh, vmin, vmax | cm, mm, in, pt, pc |
| em, rem, % | cm, mm, in, pt, pc | ch, ex | px, vw, vh, vmin, vmax |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| # Add the following 'help' target to your Makefile | |
| # And add help text after each target name starting with '\#\#' | |
| help: ## Show this help. | |
| @fgrep -h "##" $(MAKEFILE_LIST) | fgrep -v fgrep | sed -e 's/\\$$//' | sed -e 's/##//' | |
| # Everything below is an example | |
| target00: ## This message will show up when typing 'make help' | |
| @echo does nothing |
NewerOlder