mcavaliere

export default {
  configSettingExists( config, key ) {
    // Search the config object for the key value
    let found = Object.keys( config ).indexOf( key )
    return found;
  },
  
  indexArrayBy(arr, attrName, group=false) {
    // ...
  },

mcavaliere

export default class AsyncStorageSupplement {
  static multiGet(keys) {
    return Promise.all(
      keys.map(key => AsyncStorage.getItem(key))
    )
  }

  static multiRemove(keys) {
    return Promise.all(
      keys.map(key => AsyncStorage.removeItem(key))

mcavaliere

import Colors from './colors';

export default const Typography = {
	heading1: {
		fontSize: 30,
		fontWeight: 'bold',
		lineHeight: 32,
		color: Colors.black
	},

mcavaliere

import React, { Component } from 'react';
import { Text, View } from 'react-native';

import Styles from './Card.style';

class Card extends Component {
	render() {
		return (
			<View style={ Styles.container }>
				<View style={ Styles.titleContainer }>

mcavaliere

import Constants from '../../global/constants';
import Colors from '../../global/styles/colors';
import Typography from '../../global/styles/typography';
import { StyleSheet } from 'react-native';

export default StyleSheet.create({
	titleContainer: {
		backgroundColor: Colors.green,
		padding: Constants.GAP
	},

mcavaliere

import Constants from '../constants';

export default const Colors = {
	black: {
		default: '#232323',
		absolute: '#000000'
	},

	white: {
		default: '#ffffff'

mcavaliere

class MessyCardComponent extends Component {
	render() {
		return (
			<View style={[ CardComponentStyles.container, LayoutStyles.wideMargin, GlobalStyles.shadedBox ]}>
				<View style={[ CardComponentStyles.headingBar, LayoutStyles.smPadding, BackgroundColors.mediumGreen ]}>
					<Text style={[ TypographyStyles.heading1, Colors.textAbsoluteBlack ]}>{ this.props.title }</Text>
				</View>
				<View style={[ CardComponentStyles.contentContainer, BackgroundColors.offWhite ]}>
					<Text style={[ TypographyStyles.bodyText, Colors.textAbsoluteBlack ]}>{ this.props.children }</Text>
				</View>

mcavaliere

class SimpleComponentWithCascade extends Component {
	render() {
		return (
			<View style={[ ComponentStyles.container, LayoutStyles.marginBottom ]}>
				<View style={[ ComponentStyles.heading, LayoutStyles.paddingSm ]}>
					<Text style={[ ComponentStyles.headingText, TypographyStyles.heading3, TextColors.black ]}>{ this.props.title }</Text>
				</View>
				<View style={[ ComponentStyles.body, LayoutStyles.paddingSm ]}>
					<Text style={[ ComponentStyles.bodyText, TypographyStyles.bodyText, TextColors.darkGrey ]}>{ this.props.bodyText }</Text>
				</View>

mcavaliere

let Style = StyleSheet.create({
	container: { borderRadius: 5 },
	heading: { backgroundColor: 'beige', padding: 5 },
	headingText: { color: 'black', fontSize: 16, fontWeight: 'bold' },
	body: { padding: 5 },
	bodyText: { color: 'black', fontSize: 12 }
})

class SimpleComponentWithoutLiterals extends Component {
	render() {

mcavaliere

class SimpleComponent extends Component {
	render() {
		return (
			<View style={{ borderRadius: 5 }}>
				<View style={{ backgroundColor: 'beige', padding: 5 }}>
					<Text style={{ color: 'black', fontSize: 16, fontWeight: 'bold' }}>{ this.props.title }</Text>
				</View>
				<View style={{ padding: 5 }}>
					<Text style={{ color: 'black', fontSize: 12 }}>{ this.props.bodyText }</Text>
				</View>