ooade’s gists

ooade / main.html

Last active July 21, 2016 19:39

Higher Order Components

	<head>
	<title>My App</title>
	</head>

	<body>
	<div class="app"></div> <!-- We use class here because we're not in the react environment, so don't mix things up -->
	</body>

ooade / main.js

Created July 21, 2016 19:57

Higher Order Component II

	// Grab the react and react-dom pkg
	import React from 'react';
	import ReactDOM from 'react-dom';

	// Write an App Component
	const App = () => {
	return (
	<div> Hello World! </div>
	);
	};

ooade / navigation.js

Last active July 21, 2016 21:43

Navigation bar

	import React from 'react';
	import { Link } from 'react-router';

	export default () => {
	return (
	<nav className="navbar navbar-fixed-top navbar-dark bg-primary">
	<a className="navbar-brand"> Auth Routes (HOC) </a>
	<ul className="nav navbar-nav pull-xs-right">
	<li className="nav-item active">
	<Link className="nav-link" to="/"> Home </Link>

ooade / main.js

Created July 21, 2016 21:29

Main JS file with react-router

	// Grab the react and react-dom pkgs -->
	import React from 'react';
	import ReactDOM from 'react-dom';

	// Grab Router, Route and browserHistory from react-router ->
	import { Router, Route, IndexRoute, browserHistory } from 'react-router';

	// Grab Navigation component -->
	import Navigation from '../components/navigation';

ooade / main.js

Created July 21, 2016 22:03

Setup React Router

	// Grab the react and react-dom pkgs -->
	import React from 'react';
	import ReactDOM from 'react-dom';

	// Grab Router, Route and browserHistory from react-router ->
	import { Router, Route, IndexRoute, browserHistory } from 'react-router';

	// Grab Navigation, signin and resource components -->
	import Navigation from '../components/navigation';
	import SignIn from '../components/signin';

ooade / require_auth.js

Created July 21, 2016 22:30

Main HOC

	import React, { Component } from 'react';

	// Grab the {createContainer} from react-meteor-data pckg and react-router pckg
	import { createContainer } from 'meteor/react-meteor-data';
	import { browserHistory } from 'react-router';

	// Wrap our component in a function with the ComposedComponent as an argument
	// ComposedComponent is the component to be rendered
	export default function(ComposedComponent) {
	class RequireAuth extends Component {

ooade / main.js

Last active July 21, 2016 22:49

Wrapup

	// Grab the react and react-dom pkgs -->
	import React from 'react';
	import ReactDOM from 'react-dom';

	// Grab Router, Route and browserHistory from react-router ->
	import { Router, Route, IndexRoute, browserHistory } from 'react-router';

	// Grab Navigation, signin and resource components -->
	import Navigation from '../components/navigation';
	import SignIn from '../components/signin';

ooade / CircularRotation.js

Last active August 18, 2016 16:52

Hackerrank Warmup Challenge - Circular Array Rotation

	function processData(input) {
	let lines = input.split('\n');
	let arr = lines[1].split(' ');
	let k = lines[0].split(' ')[1]; // No of spins
	let n = arr.length;

	for (var i = 2, l = lines.length; i < l; i++) { // First two lines are for k, n and arr so let's skip em
	let pos = (n + (lines[i] - (k % n))) % n; // This does the magic!
	console.log(arr[pos]);
	}

ooade / hackerrank_kangaroo.js

Last active August 27, 2016 11:24

Hackerrank Implementation Challenge (Kangaroo)

	function main() {
	var x1_temp = readLine().split(' ');
	var x1 = parseInt(x1_temp[0]);
	var v1 = parseInt(x1_temp[1]);
	var x2 = parseInt(x1_temp[2]);
	var v2 = parseInt(x1_temp[3]);

	// return NO, if the first or second kangaroo is far ahead of each other.
	if ((x2 > x1 && v2 > v1) \|\| (x1 > x2 && v1 > v2)) {
	console.log("NO");

ooade / base64-image-upload.js

Last active September 2, 2016 20:18 — forked from madhums/base64-image-upload.js

save base64 encoded image

	let fs = require('fs');

	// string generated by canvas.toDataURL()
	let img = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0"
	+ "NAAAAKElEQVQ4jWNgYGD4Twzu6FhFFGYYNXDUwGFpIAk2E4dHDRw1cDgaCAASFOffhEIO"
	+ "3gAAAABJRU5ErkJggg==";

	// Grab the extension of the file
	let ext = img.split(';')[0].match(/jpeg\|png\|gif/)[0];

Ademola. ooade