Skip to content

Instantly share code, notes, and snippets.

View mobinni's full-sized avatar

Mo Binni mobinni

  • Zero To Mastery
  • Toronto, Ontario
View GitHub Profile
@mobinni
mobinni / TouchableOpacity.js
Created May 3, 2017 13:44
TouchableOpacity.js
import React, { PropTypes, Component } from 'react';
import { Animated } from 'react-native';
import { createResponder } from 'react-native-gesture-responder';
class TouchableOpacity extends Component {
constructor(props) {
super(props);
const { onPress } = props;
@mobinni
mobinni / dom.swift
Last active September 19, 2016 15:23
Swift - DOM implementation
import cocoa;
// Base DOM interface
protocol Node {
var childNodes: [AnyObject]{get set};
var nodeName: NodeType{get set};
}
enum NodeType {
case Text(String)
case Element(ElementData)
@mobinni
mobinni / directory
Created February 1, 2016 22:29
A Modern Isomorphic Stack with Redux - Part 2
.
├── ROADMAP.md
├── app
│   ├── images
│   ├── index.html
│   ├── lib
│   │   ├── index.js
│   │   ├── middleware
│   │   ├── modules
│   │   │   ├── feed
@mobinni
mobinni / renderIndex.js
Created February 1, 2016 22:28
A Modern Isomorphic Stack with Redux - Part 2
/**
* Created by mobinni on 12/01/16.
*/
import ejs from 'ejs';
import webpackMw from '../middleware/webpack';
import {initialise} from '../../app/lib';
const {store, modules, middlewares} = initialise([]);
export default function (callback) {
@mobinni
mobinni / render.js
Created February 1, 2016 22:27
A Modern Isomorphic Stack with Redux - Part 2
/**
* Created by mobinni on 08/12/15.
*/
import webpackMw from './webpack';
import { match } from 'react-router';
import createLocation from 'history/lib/createLocation';
import env from '../utils/environment';
import {renderEngine, renderIndex as renderStatic} from '../engines';
import routes from '../../app/scripts/routes';
import {initialise} from '../../app/lib';
@mobinni
mobinni / server.js
Created February 1, 2016 22:27
A Modern Isomorphic Stack with Redux - Part 2
/**
* Created by mobinni on 07/12/15.
*/
// Imports
import env from './utils/environment';
import express from 'express';
import {webpack as webPackCustomMiddleware, render} from './middleware';
import compression from 'compression';
@mobinni
mobinni / devtools.js
Created January 27, 2016 16:42
A Modern Isomorphic Stack with Redux - Part 2
import React from 'react';
import { createDevTools } from 'redux-devtools';
import LogMonitor from 'redux-devtools-log-monitor';
import DockMonitor from 'redux-devtools-dock-monitor';
import SliderMonitor from 'redux-slider-monitor';
const DevTools = createDevTools(
<DockMonitor toggleVisibilityKey='ctrl-h'
changePositionKey='ctrl-q'
@mobinni
mobinni / Feed.jsx
Created January 27, 2016 16:13
A Modern Isomorphic Stack with Redux - Part 2
import React, {Component} from 'react';
import {Link} from 'react-router';
import feed from '../../../../lib/modules/feed';
import {connect} from 'react-redux';
if(process.env.BROWSER) {
require('../../../../styles/components/feed.scss');
}
class Feed extends Component {
@mobinni
mobinni / devtools.jsx
Created January 27, 2016 16:10
A Modern Isomorphic Stack with Redux - Part 2
// General imports
import React from 'react';
import ReactDOM from 'react-dom';
import SliderMonitor from 'redux-slider-monitor';
import DevTools from '../lib/tools/devtools';
if(process.env.feature.DEV) {
const store = window.__STORE__;
ReactDOM.render(<DevTools store={store}/>, document.getElementById('devtools'));
}
@mobinni
mobinni / app.js
Last active January 27, 2016 16:08
A Modern Isomorphic Stack with Redux - Part 2
// Import default Styles
import '../styles/general/styles.scss';
// Import Modules
import React from 'react';
import ReactDOM from 'react-dom';
import createBrowserHistory from 'history/lib/createBrowserHistory'
import Router from 'react-router';
import routes from './routes';
import {initialise} from '../lib';