sibelius

import React, { useRef, useState } from 'react';

import { Typography } from '@material-ui/core';
import TextField from '@material-ui/core/TextField';
import CircularProgress from '@material-ui/core/CircularProgress';
import Autocomplete, {
  AutocompleteChangeDetails,
  AutocompleteChangeReason,
  AutocompleteProps
} from '@material-ui/lab/Autocomplete';

sibelius

import React, { useContext, useCallback } from 'react';

export const FeatureFlagContext = React.createContext<string[]>([]);

export const useFeatureFlag = () => {
  const features = useContext<string[]>(FeatureFlagContext);

  const hasFeature = useCallback(
    (feature: string) => {
      return features.includes(feature);

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;

slorber

const App = createAppContainer(
  createStack({

    LoggedSwitch: createSwitch({

      // When user is authenticated
      LoggedIn: createStack({

        // The logged in root is generally a tab or drawer navigator
        LoggedInRoot: createTabsOrDrawer({

kelset

Improving times for both iOS build and CI for a React Native app

Intro

Hello there.

So, if you are here you probably saw my previous tweet where I asked for tips & tricks on improving the timing on an iOS/React Native app build time.

What will follow was how I mixed those suggestions + some good old GoogleSearch-fu + me deep diving on this for ~2 days.

mmazzarolo

/**
 * React-Native cross-platform elevations.
 * Based on https://ethercreative.github.io/react-native-shadow-generator/
 *
 * Usage:
 * 1. Import "elevations" from this file 
 *    import { elevations } from "config/elevations";
 * 2. Use it. Assuming you need an elevation of 2 (based on the Android 
 *    elevation standard), doing the following will cast the same shadow 
 *    on both platforms:

elsangedy

import { useState, useCallback } from "react";

export function useSubmit(fun: Function): [Function, boolean] {
  const [pending, setPending] = useState<boolean>(false);

  const submit = useCallback(
    (...args) => {
      if (pending) return;

      const res = fun.apply(this, args);

sibelius

type Props = {
};
const FormUseFormik = (props: Props) => {
  const { enqueueSnackbar } = useSnackbar();

  const onSubmit = (values) => {
    enqueueSnackbar(`submit:  ${JSON.stringify(values)}`, {
      preventDuplicate: true,
      persist: false,
    });

sibelius

const App = () => {
  return (
    <Providers>
      <ClientRouter />
    </Providers>
  );
};

sibelius

import { useEffect, useRef } from 'react';

export const useEventEmitter = (eventEmitter, eventName: string, fn: () => void) => {
  const subscription = useRef(null);

  useEffect(() => {
    subscription.current = eventEmitter.addListener(eventName, fn);

    return () => {
      if (subscription.current) {