Skip to content

Instantly share code, notes, and snippets.

View evanjmg's full-sized avatar
👨‍💻
actively contributing

Evan Gillogley evanjmg

👨‍💻
actively contributing
View GitHub Profile
@eveningkid
eveningkid / how-to-use-react-intl.md
Created July 28, 2017 16:33
How To Use React-Intl: internationalize your React app

How To Use React-Intl: internationalize your React app

This short tutorial assumes you know about ES6 syntax.

Get started

yarn add react-intl or npm i --save react-intl.

Create a messages file

This file should contain every message for your app.
It has an object of (locale, messages) couples:

@chourobin
chourobin / 0-bridging-react-native-cheatsheet.md
Last active April 11, 2024 15:02
React Native Bridging Cheatsheet
@evanjmg
evanjmg / .block
Last active February 19, 2017 16:43
Drag, Pan, Snap To Grid example
license: gpl-3.0
@bcherny
bcherny / react-rollup-typescript.md
Last active January 30, 2024 12:13
react + rollup + typescript boilerplate

terminal:

npm i --save-dev rollup rollup-watch rollup-plugin-typescript typescript typings
npm i -S react react-dom
./node_modules/.bin/typings install react react-dom --save
mkdir src dist
touch src/index.tsx
@Restuta
Restuta / framework-sizes.md
Last active March 7, 2024 00:01
Sizes of JS frameworks, just minified + minified and gzipped, (React, Angular 2, Vue, Ember)

Below is the list of modern JS frameworks and almost frameworks – React, Vue, Angular, Ember and others.

All files were downloaded from https://cdnjs.com and named accordingly. Output from ls command is stripped out (irrelevant stuff)

As-is (minified)

$ ls -lhS
566K Jan 4 22:03 angular2.min.js
@alexpchin
alexpchin / Sublime_3_Keyboard_Shortcuts.md
Created March 15, 2015 19:41
Sublime 3 Keyboard Shortcuts
Keypress Action
cmd + s save changes in current file - DO IT OFTEN!!!
cmd + q close Sublime
cmd + w close one file at a time
cmd + alt + arrow switch between files
cmd + numbers also switch between specific files
cmd + f search in you current file
cmd + shift + f search the entire project
cmd + d go to next searched word in file
@robianmcd
robianmcd / license
Last active August 14, 2018 02:41
Polyfill ES6 Promise in Angular 1.3+
var app = angular.module('myApp');
app.run(['$q', '$window', function($q, $window) {
$window.Promise = function(executor) {
return $q(executor);
};
$window.Promise.all = $q.all.bind($q);
$window.Promise.reject = $q.reject.bind($q);
$window.Promise.resolve = $q.when.bind($q);
@timwco
timwco / instructions.md
Last active September 29, 2018 00:23
How to use Bourbon, Neat, Bitters and Refills in a Yeoman app with Bower.

Your bower_components folder should be outside of your /app folder. Otherwise you'll need to modify the paths below.

  • Scaffold your Yeoman App
  • Install Bourbon, Neat & Bitters
    • bower install bourbon
    • bower install neat
    • bower install bitters
  • In your app/stylesheets/main.scss include the assets in this order
@import '../../bower_components/bourbon/dist/bourbon';
@nealrs
nealrs / giphy.js
Created May 5, 2014 21:32
use the giphy api to search for & add an animated gif to a webpage.
// on page load, search for & display a random gif matching your search term using the Giphy API.
// usage:
// include giphy.js in your <head>
// set q to your search term (e.g. "brunch")
// add <span id = "giphyme"></span> wherever you want to display the image. -- FYI, it will be centered.
// big ups to the Giphy crew (giphy.com)
// 2014 - Neal Shyam [@nealrs | nealshyam.com]
document.addEventListener('DOMContentLoaded', function () {
q = "finger guns"; // search query
@bomberstudios
bomberstudios / sketch-plugins.md
Last active February 26, 2024 07:02
A list of Sketch plugins hosted at GitHub, in no particular order.