jgcmarins

React Native Upgrade Path

1. Change React and React Native versions in package.json
2. Run yarn install to upgrade dependencies
3. Run yarn outdated or yarn upgrade-interactive to upgrade outdated libraries. Make sure that there's no breaking changes, check release notes (one by one).
4. Compare your changes with the diff or use the upgrade-helper and update the native code.
5. Open Xcode and link the binaries
6. Run iOS
7. Test iOS
8. Run on Android
9. Test Android

jgcmarins

import {
  Environment,
  Network,
  RecordSource,
  Store,
} from 'relay-runtime';
import { RelayTransactionLogger } from './RelayTransactionLogger';

// Define a function that fetches the results of an operation (query/mutation/etc)

jgcmarins

import { useNavigationParam } from 'react-navigation-hooks';
import { graphql, usePreloadedQuery } from 'react-relay/hooks';

const query = graphql`
  query TaskDetailQuery($nodeId: ID!) {
    task: node(id: $nodeId) {
      ... on Task {
        title
      }
    }

jgcmarins

import * as React from 'react';
import { Animated, Keyboard, KeyboardEvent, Platform } from 'react-native';

type Props = {
  offset?: number;
};

type State = {
  keyboardHeightAnim: Animated.Value;
};

jgcmarins

// src/pages/Homepage.tsx

import React from "react";

export default function Homepage() {
  return <div>Homepage/div>;
}

jgcmarins

import React, { useCallback, useState } from "react"
import { useDropzone } from "react-dropzone"
import mime from "mime-types"

import firebase, { storage } from "../../firebase/firebaseServices"

interface IFileUpload {
  path: string,
  onUpload: (filePath: string) => void,
}

jgcmarins

import idx from 'idx';

import { ForwardFeature } from './mapboxTypes';

export interface AddressResult {
  id?: string | null;
  fullAddress?: string | null;
  shortAddress?: string | null;
  zipcode?: string | null;
  street?: string | null;

jgcmarins

const path = require('path');

const webpack = require('webpack');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const dotEnv = require('dotenv-webpack');
const HappyPack = require('happypack');
const Serve = require('webpack-plugin-serve');
const workboxPlugin = require('workbox-webpack-plugin');

const PORT = process.env.PORT;

jgcmarins

/*
 * Usage
 * let cursor = Test.find().sort({ name: 1 }).cursor();
   const get = makeGen(cursor, 100);
   let first100 = await get.next();
   console.log(first100.value.length);
   https://gist.github.com/lineus/3f7d826a21796129db968d6590c93faa
 */
export async function* batchCursor(c, n) {
  const cursor = c;

jgcmarins

find src -name "*.js" -exec sh -c 'mv "$0" "${0%.js}.tsx"' {} \;