Lucas Bento lucasbento

Exponent - ex-navigation

This is for now, for my personal use only, things might not be correctly explained here. For the official docs please check: https://github.com/exponentjs/ex-navigation/blob/master/README.md

Navigation bar configuration

On every screen you can use the built-in navigation bar, you can add a title, left button, right button or change navigation bar’s style. All you need to do is pass appropriate params to navigationBar in the route configuration:

import React, { Component } from 'react';

Concurrency in JavaScript

Javascript is a programming language with a peculiar twist. Its event driven model means that nothing blocks and everything runs concurrently. This is not to be confused with the same type of concurrency as running in parallel on multiple cores. Javascript is single threaded so each program runs on a single core yet every line of code executes without waiting for anything to return. This sounds weird but it's true. If you want to have any type of sequential ordering you can use events, callbacks, or as of late promises.

	[
	"alert",
	"arrow-down",
	"arrow-left",
	"arrow-right",
	"arrow-small-down",
	"arrow-small-left",
	"arrow-small-right",
	"arrow-small-up",
	"arrow-up",

	function transformOrigin(matrix, origin) {
	const { x, y, z } = origin;

	const translate = MatrixMath.createIdentityMatrix();
	MatrixMath.reuseTranslate3dCommand(translate, x, y, z);
	MatrixMath.multiplyInto(matrix, translate, matrix);

	const untranslate = MatrixMath.createIdentityMatrix();
	MatrixMath.reuseTranslate3dCommand(untranslate, -x, -y, -z);
	MatrixMath.multiplyInto(matrix, matrix, untranslate);

	// loaction: loaders/es-preset.js
	// This file is a combination of the following babel presets:
	// es2015, react, stage-0.
	// Difference is that the es2015-template-literals is taken out. Of the es2015 preset.
	// This allows us to run relay transformations on the code afterwards (which will then transform any remaining template literals).
	module.exports = preset({});

	function preset(context, opts) {
	var moduleTypes = ["commonjs", "amd", "umd", "systemjs"];
	var loose = false;

	import React, { PropTypes } from 'react';
	import { Provider } from 'react-redux'; // Or something else, if you're not using Redux
	import Router from 'react-router/lib/Router';


	const Root = ({ store, history, routes }) => (
	<Provider store={store} key="provider">
	<Router history={history} routes={routes} />
	</Provider>
	);

	// Here is a function that I use all the time when creating public
	// async APIs in JavaScript:
	const resolvePromise = (promise, callback) => {
	if (callback)
	promise.then(value => callback(null, value), callback)

	return promise
	}

	// Sometimes I like to use callbacks, but other times a promise is

	/**
	* Prepare an object to be snapshoted by jest
	* replace objectID
	* replace datetime
	* frozen same specific keys
	* @param obj
	* @returns {{}}
	*/
	export function prepareObject(obj, frozenKeys = []) {
	const placeholder = {};

	const redisClient = redis.createClient(REDIS_URL);
	const listeners = Object.create(null);

	function addListener(channel, listener) {
	if (!listeners[channel]) {
	listeners[channel] = [];
	redisClient.subscribe(channel);
	}

	listeners[channel].push(listener);

	{
	"extends": "airbnb",
	"parser": "babel-eslint",
	"settings": {
	"import/resolver": "webpack"
	}
	}