Evan Gillogley evanjmg

## 0-bridging-react-native-cheatsheet.md

      
              7 files
            
          
              102 forks
            
          
              18 comments
            
          
              577 stars
            
          
                chourobin
                / 0-bridging-react-native-cheatsheet.md
            
            
              Last active
              April 11, 2024 15:02
            
              
                React Native Bridging Cheatsheet
              
          
    Bridging Native & React for iOS & Android

js -> native


Simple Example
Callbacks
Promises
Properties

native -> js


## framework-sizes.md

      
              1 file
            
          
              25 forks
            
          
              115 comments
            
          
              518 stars
            
          
                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


## sketch-plugins.md

      
              1 file
            
          
              58 forks
            
          
              11 comments
            
          
              687 stars
            
          
                bomberstudios
                / sketch-plugins.md
            
            
              Last active
              February 26, 2024 07:02
            
              
                A list of Sketch plugins hosted at GitHub, in no particular order.
              
          
    NOTE: the list has moved to https://github.com/sketchplugins/plugin-directory

Sketch Plugins

A list of Sketch plugins hosted at GitHub, in no particular order.

brandonbeecroft/Lorem-Ipsum-Plugin-for-Sketch This is a plugin for quickly creating Lorem Ipsum text in Sketch
sebj/Sketch Templates and Plugins for Sketch by Bohemian Coding
FredericJacobs/crop_Artboard A script to export the Sketch App artboards to the clipboard
almonk/SketchGit A simple Git client built right into Sketch.


## storeImgInMongoWithMongoose.js
/**
 * Module dependencies
 */

var express = require('express');
var fs = require('fs');
var mongoose = require('mongoose');
var Schema = mongoose.Schema;

// img path

## react-rollup-typescript.md

      
              1 file
            
          
              4 forks
            
          
              5 comments
            
          
              54 stars
            
          
                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

  
## makeAnimatedGif.m
#import <UIKit/UIKit.h>
#import <ImageIO/ImageIO.h>
#import <MobileCoreServices/MobileCoreServices.h>

static UIImage *frameImage(CGSize size, CGFloat radians) {
    UIGraphicsBeginImageContextWithOptions(size, YES, 1); {
        [[UIColor whiteColor] setFill];
        UIRectFill(CGRectInfinite);
        CGContextRef gc = UIGraphicsGetCurrentContext();
        CGContextTranslateCTM(gc, size.width / 2, size.height / 2);

## how-to-use-react-intl.md

      
              1 file
            
          
              1 fork
            
          
              3 comments
            
          
              21 stars
            
          
                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:


## timeBasedAnimationPattern.js
// Full Blog Post: http://viget.com/extend/time-based-animation
// requestAnimationFrame() polyfill: https://gist.github.com/1579671

window.APP = window.APP || {};

APP.pause = function() {
	window.cancelAnimationFrame(APP.core.animationFrame);
};

APP.play = function() {

## app.js
var myApp = angular.module('myApp', []);

myApp.directive('googleplace', function() {
    return {
        require: 'ngModel',
        link: function(scope, element, attrs, model) {
            var options = {
                types: [],
                componentRestrictions: {}
            };

## giphy.js
// 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
	/**
	* Module dependencies
	*/

	var express = require('express');
	var fs = require('fs');
	var mongoose = require('mongoose');
	var Schema = mongoose.Schema;

	// img path
	#import <UIKit/UIKit.h>
	#import <ImageIO/ImageIO.h>
	#import <MobileCoreServices/MobileCoreServices.h>

	static UIImage *frameImage(CGSize size, CGFloat radians) {
	UIGraphicsBeginImageContextWithOptions(size, YES, 1); {
	[[UIColor whiteColor] setFill];
	UIRectFill(CGRectInfinite);
	CGContextRef gc = UIGraphicsGetCurrentContext();
	CGContextTranslateCTM(gc, size.width / 2, size.height / 2);
	// Full Blog Post: http://viget.com/extend/time-based-animation
	// requestAnimationFrame() polyfill: https://gist.github.com/1579671

	window.APP = window.APP \|\| {};

	APP.pause = function() {
	window.cancelAnimationFrame(APP.core.animationFrame);
	};

	APP.play = function() {
	var myApp = angular.module('myApp', []);

	myApp.directive('googleplace', function() {
	return {
	require: 'ngModel',
	link: function(scope, element, attrs, model) {
	var options = {
	types: [],
	componentRestrictions: {}
	};
	// 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