fakenickels

mv .meteor/dev_bundle app/.meteor/
mv .meteor/local app/.meteor/
# Delete old stuff
rm -rf node_modules
rm -rf packages
# Delete remaining empty folders
find . -type d -empty -delete

fakenickels

function downloadFromRoute({url, data, filename}){
  fetch(url, {
    method: 'POST',
    body: JSON.stringify(data), 
    headers: {
      'Content-Type': 'text/json',
    },
  })
  .then(response => response.blob())
  .then(blob => saveAs(blob, filename))

fakenickels

import { Mongo } from 'meteor/mongo'
import { Meteor } from 'meteor/meteor'

function addConsoleSpyOn({object, methods, spyFn}){
  const oldMethods = methods.reduce((acc,name) => ({...acc, [name]: object[name]}), {})

  methods.forEach(method => {
    object[method] = function(...args){
      spyFn({instance: this, args, method})

fakenickels

// @flow
import React, { Component } from 'react'
import {
  Picker,
} from 'react-native'
import {
  find,
  get,
  omit,
} from 'lodash/fp'

fakenickels

/**
 * Copyright 2004-present Facebook. All Rights Reserved.
 */

'use strict';

/*eslint consistent-return: 0*/

/**
 * Transforms function properties of the `Symbol` into

fakenickels

function simpleTemplate(string, object){
 return string.replace(/({[^{]+})/g, (group) => object[group.replace(/[{}]/g, '')])
}

simpleTemplate('Something something: {foo} => {bar}', { foo: 'Thing 1', bar: 'Thing 2'  })
// => 'Something something: Thing 1 => Thing 2'

fakenickels

But returning a new structure everytime it changes isn't slow?

It is in normal cases for JS objects and arrays but immutable data structures are reused "tries" so data is shared across all instances and persistence isn't affected. Tries are crazily efficient and basic all operations (insert, update, delete) resume to an O(1) op.

Comparison

Immutable data equality check is much faster

fakenickels

removes all babelrc

$ find node_modules/ -type f -name .babelrc | grep -v packager | xargs rm

fakenickels

import React from "react";
import { View, Text, Modal, TouchableOpacity } from "react-native";

export default class ViewUsingModal extends React.Component {
  state = { isModalVisible: false };

  toggleModal = () =>
    this.setState({ isModalVisible: !this.state.isModalVisible });

  render() {

fakenickels

import React from 'react'
import { View, Text, Modal } from 'react-native'
import withState from './withState'

const ViewUsingModal = ({ isModalVisible, toggleModalVisibility, isLoading }) => 
  <View>
    <TouchableOpacity onPress={toggleModalVisibility}>
      <Text>Tap me!</Text>
    </TouchableOpacity>