grabbou

{
  "version": "2.0.0",
  "tasks": [
    {
      "label": "Start Expo dev server",
      "type": "shell",
      "command": "cd ./apps/mobile && yarn start",
      "presentation": {
        "reveal": "always",
        "panel": "new",

grabbou

Useful VSCode shortcuts

• Navigate to a symbol in a file - ⌘O (add ":" to group by type)
• Navigate to a symbol in a project - ⌘T (#)
• Select line - ⌘I
• Zen Mode - ⌘K+Z
• Hide sidebar - ⌘B
• Open markdown preview - ⌘K+V
• Go to source file - ⌘ Click
• Toggle terminal - ⌃`

grabbou

[
  {
    "id": "59ad53cc251fe8ea313e877a",
    "city": "Rivereno",
    "image": "http://fanaru.com/images/club/trivia/t48.png"
  },
  {
    "id": "59ad53ccb8f153a21165386e",
    "city": "Bangor",
    "image": "http://fanaru.com/images/club/trivia/t48.png"

grabbou

/**
 * This is Webpack config you need in order to get
 * Typescript up and running
 */
module.exports = ({ platform }, { module }) => ({
  // We have two files, index.ios.tsx and index.android.tsx
  entry: `./index.${platform}.tsx`,
  // We extend default loaders by prepending `ts-loader`
  module: {
    ...module,

grabbou

/**
 * Copyright (c) 2015-present, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 */

#import "RCTRootView.h"

grabbou

import onlyUpdateForKeys from 'onlyUpdateForKeys';

const onlyUpdateForProps = (BaseComponent) => {
  const propKeys = Object.keys(BaseComponent.propTypes || {});
  return onlyUpdateForKeys(propKeys, BaseComponent);
};

export default onlyUpdateForProps;

grabbou

import {ActivityViewManager} from 'NativeModules';

ActivityViewManager.share({
  text: 'Hey, I have just ordered 10 pizzas from RN app',
  exclude: ['airDrop', 'postToFacebook']
});

grabbou

import {ActivityViewManager} from 'NativeModules';

ActivityViewManager.share({
  text: 'Hey, I have just ordered 10 pizzas from RN app'
});

grabbou

#import "ActivityView.h"
#import "RCTLog.h"
#import "RCTBridge.h"
#import "RCTUtils.h"
#import "RCTUIManager.h"

@implementation ActivityViewManager

@synthesize bridge = _bridge;

grabbou

// will be caught by promise-middleware
function makeASandwichWithSecretSauce(name) {
  return {
    types: [],
    payload: fetch(...)
  }
};

// This is complex one
// BTW, you don't have redux-thunk