dantman

'use strict';
import React, {PureComponent} from 'react';
import {Header} from 'react-navigation';

export default class NavigationHeader extends PureComponent {
	getScreenDetails = (screen, ...args) => {
		const screenDetails = this.props.getScreenDetails(screen, ...args);
		const {navigate, goBack} = screenDetails.navigation;

		return {

dantman

Keybase proof

I hereby claim:

• I am dantman on github.
• I am dantman (https://keybase.io/dantman) on keybase.
• I have a public key ASC7jATCYRenYm-biehrUI-OGVElMbPiszWhH5-jXsJ6jQo

To claim this, I am signing this object:

dantman

@Styles({
	root: {
		flexDirection: 'row',
		alignItems: 'center',
		justifyContent: 'center',
		borderRadius: 2,
		height: 48,
	},
	enabled: {
		backgroundColor: colors.grey600,

dantman

using VRUB;

[ExposedClass]
class PersistentStore : ExposedClass { // base class could use a different name

  Dictionary<string, string> _temporaryStore = new Dictionary<string, string>();
  Dictionary<string, string> _persistentStore = new Dictionary<string, string>();

  [ExposedMethod]
  public string Get(string key, bool temporary = false) {

dantman

	render() {
		const {styles, onLogout} = this;
		const {onOverlayStateChanged} = this;
		const {materialTheme, sections: rawSections, navigation, screenProps: {statusBarHeight}, user, activeCompany, company, teams} = this.props;
		const {overlayOpen} = this.state;
		const sections = navigation.state.routes::groupBy((route) => this._getScreenOptions(route.key).drawerSection);
		const {companyList=[]} = user || {};
		const children = [];
		let first = true;

dantman

export default class App extends PureComponent {
	state = {
		statusBarHeight: Platform.OS === 'android'
			? StatusBar.currentHeight || (Platform.Version < 23 ? 25 : 24)
			: 0,
	};

	render() {
		const {styles} = this;

dantman

React Native Material Design/Kit merge plan

Take components from react-native-material-design and react-native-material-kit and create a new library to replace both.

Ripple

Deciding how to handle ripples will be very important as both do it differently.

rnmd does it using a Ripple polyfill:

• Pro: The native touchable feedback is used where available.

dantman

import React, {PureComponent} from 'react';
import {View} from 'react-native';
import Styles from './Styles';

@Styles({
  root: {
    // ...
  },
})
export default class Example extends PureComponent {

dantman

'use strict';
import Promise from 'bluebird';
import { map, clone } from 'lodash';
import Client_SQLite3 from 'knex/lib/dialects/sqlite3';

export default class Client_ReactNativeSqliteStorage extends Client_SQLite3 {
	dialect: 'sqlite';
	driverName = 'react-native-sqlite-storage';

	_driver() {

dantman

html {
  font-size: 14px;
}

/**
 * PostCSS
 * Use a custom PostCSS to convert #sp to rems by dividing the number by 14 and expressing it as #rem
 */

body {