emeraldsanto

import Segment from "analytics-react-native";

export const instance = new Segment(
  'YOUR_WRITE_KEY',
  {
    proxy: {
      scheme: 'http',
      host: 'localhost',
      port: 3000,
      path: '/analytics/segment'

emeraldsanto

import { instance } from './analytics';

// These events will be sent to your server instead of Segment's
instance.identify('some-user-id', { customProperty: 'custom value' });
instance.track('Custom Event', { userId: 'some-user-id' });

emeraldsanto

import express from 'express';
import Segment from 'analytics-node';

const instance = new Segment('YOUR_WRITE_KEY');

const port = 3000;
const app = express();

// Enables JSON parsing middleware
app.use(express.json())

emeraldsanto

import { useReducer } from 'react';

/**
 * There are much better ways to type this
 * but this is not the focus of this gist.
 */
interface HTTPState<T> {
  status: 'loading' | 'error' | 'success'
  error?: string
  data?: T

emeraldsanto

import { NavigationContainer } from '@react-navigation/native';

const linking = {
  prefixes: ['https://mychat.com', 'mychat://'],
  config: {
    screens: {
      Chat: 'feed/:sort',
      Profile: 'user',
    }
  },

emeraldsanto

import { NavigationContainer } from '@react-navigation/native';

const config = {
  screens: {
    Home: {
      initialRouteName: 'Feed',
      screens: {
        Profile: 'users/:id',
        Feed: 'feed',
      },

emeraldsanto

import { createStackNavigator } from '@react-navigation/stack';
import { Screen } from 'some-path/Screen';
import { ScreenOne } from 'some-path/ScreenOne';
import { ScreenTwo } from 'some-path/ScreenTwo';
import { ScreenThree } from 'some-path/ScreenThree';

const routeConfigMap = {
  [Screen.One]: { screen: ScreenOne },
  [Screen.Two]: { screen: ScreenTwo },
  [Screen.Three]: { screen: ScreenThree, options: { /* ... */ }  },

emeraldsanto

export const SomeStackConfiguration = makeNavigator({
  name: 'SomeStack',
  type: 'stack',
  screens: {
    [Screen.One]: { screen: ScreenOne },
    [Screen.Two]: { screen: ScreenTwo },
    [Screen.Three]: { screen: ScreenThree, options: { /* ... */ }  },
    // ...
  },
  linking: {

emeraldsanto

const Tab = createBottomTabNavigator();

export const SomeTabConfiguration = makeNavigator({
  name: 'SomeTab',
  type: 'tab',
  screens: {
    [Screen.One]: { screen: ScreenOne },
    [Screen.Two]: { screen: ScreenTwo },
    [Screen.Three]: { screen: ScreenThree, options: { /* ... */ }  },
    // ...

emeraldsanto

export enum Navigator {
  One = 'NavigatorOne',
  Two = 'NavigatorTwo',
  Three = 'NavigatorThree',
}

export enum Screen {
  One = 'ScreenOne',
  Two = 'ScreenTwo',
  Three = 'ScreenThree',