| import React, { useState, useEffect, useRef } from 'react' | |
| import { StripeProvider } from 'react-stripe-elements' | |
| type TProvider = React.FC<{ apiKey: string }> | |
| const AsyncStripeProvider: TProvider = props => { | |
| const { apiKey, children } = props | |
| const [stripe, setStripe] = useState<stripe.Stripe | null>(null) | |
| const isMounted = useRef(false) | |
| const unmountFn = () => { |
| touch ~/.android/repositories.cfg | |
| brew cask install caskroom/versions/java8 | |
| brew cask install android-sdk | |
| brew cask install intel-haxm | |
| brew install qt | |
| export ANDROID_SDK_ROOT="/usr/local/share/android-sdk" | |
| sdkmanager "platform-tools" "platforms;android-27" "extras;intel;Hardware_Accelerated_Execution_Manager" "build-tools;27.0.0" "system-images;android-27;google_apis;x86" "emulator" | |
| avdmanager create avd -n test -k "system-images;android-27;google_apis;x86" | |
| /usr/local/share/android-sdk/tools/emulator -avd test |
Once in a while, you may need to cleanup resources (containers, volumes, images, networks) ...
// see: https://github.com/chadoe/docker-cleanup-volumes
$ docker volume rm $(docker volume ls -qf dangling=true)
$ docker volume ls -qf dangling=true | xargs -r docker volume rm
| # 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 . |
| /* HOC fundamentally is just a function that accepts a Component and returns a Component: | |
| (component) => {return componentOnSteroids; } or just component => componentOnSteroids; | |
| Let's assume we want to wrap our components in another component that is used for debugging purposes, | |
| it just wraps them in a DIV with "debug class on it". | |
| Below ComponentToDebug is a React component. | |
| */ | |
| //HOC using Class | |
| //it's a function that accepts ComponentToDebug and implicitly returns a Class | |
| let DebugComponent = ComponentToDebug => class extends Component { |
| 1. Build GraphQL server using `express-graphql` package. | |
| 2. Configure `schema.js` file. | |
| 3. Query for data. |
Encrypting text fields in Mongoose is easy using Node's built-in crypto module. You might want to do this if you're using MongoDB as a service (see the recent MongoHQ security breach); or, if you're storing OAuth tokens that could, in the wrong hands, screw with somebody's account on a 3rd party service. (Of course, you should never encrypt passwords: those should be hashed.)
Imagine you have a Mongoose model like that shown below, which is modified only slighly from the example on the MongooseJS homepage.
var mongoose = require('mongoose');
mongoose.connect('mongodb://localhost/test');
var User = mongoose.model('User', {
name: String,
Either copy the aliases from the .gitconfig or run the commands in add-pr-alias.sh
Easily checkout local copies of pull requests from remotes:
git pr 4 - creates local branch pr/4 from the github upstream(if it exists) or origin remote and checks it outgit pr 4 someremote - creates local branch pr/4 from someremote remote and checks it out
| <html> | |
| <head> | |
| <title>Like Test</title> | |
| </head> | |
| <body> | |
| <div id="fb-root"></div> | |
| <a href="http://thefacebookdev.com/2012/12/facebook-like-button-events/">Original post</a> | |
| <h1>Hello World</h1> | |
| <div class="fb-like" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false"></div> | |
| <script> |