franky47

{
  "explorer.experimental.fileNesting.enabled": true,
  "explorer.experimental.fileNesting.patterns": {
    "*.ts": "$(capture).js, $(capture).d.ts, $(capture).test.ts",
    "*.js": "$(capture).js.map, $(capture).min.js, $(capture).d.ts, $(capture).test.js",
    "*.jsx": "$(capture).js",
    "*.tsx": "$(capture).ts, $(capture).*.ts, $(capture).*.tsx",
    "tsconfig.json": "tsconfig.*.json",
    "docker-compose.yml": "docker-compose.*.yml",
    ".env": ".env.*",

martsie

import { useEffect, useState } from 'react'
import { AccessibilityInfo } from 'react-native'

// Adapted from https://github.com/infiniteluke/react-reduce-motion/blob/master/src/targets/native/index.js
export const useReduceMotion = (): boolean => {
  const [shouldReduceMotion, setShouldReduceMotion] = useState(false)

  useEffect(() => {
    const handleChange = (isReduceMotionEnabled: boolean): void => {
      setShouldReduceMotion(isReduceMotionEnabled)

nicknisi

#!/usr/bin/env bash

# This script should help facilitate setting up a new worktree, including:

# - creating a new worktree
# - installing dependencies
# - creating a new branch

set -Eeuo pipefail
trap cleanup SIGINT SIGTERM ERR EXIT

intergalacticspacehighway

import { createContext, forwardRef, useCallback, useMemo } from "react";
import { FlatList, FlatListProps, ViewToken } from "react-native";
import Animated, { useSharedValue } from "react-native-reanimated";

const MAX_VIEWABLE_ITEMS = 4;

type ViewabilityItemsContextType = string[];

export const ViewabilityItemsContext = createContext<
  Animated.SharedValue<ViewabilityItemsContextType>

intergalacticspacehighway

function App() {
  const data = Array(10).fill(0);
  const GAP = 5;
  const numColumns = 3;
  const { width } = Dimensions.get("window");
  // Reduce the size to accomodate margin space by items
  const ITEM_SIZE = width / numColumns - ((numColumns - 1) * GAP) / numColumns;

  const renderItem = ({ index }) => {

YBogomolov

type VersionChar =
    | '1' | '2' | '3' | '4' | '5';

type Char =
    | '0' | '1' | '2' | '3'
    | '4' | '5' | '6' | '7'
    | '8' | '9' | 'a' | 'b'
    | 'c' | 'd' | 'e' | 'f';

type Prev<X extends number> =

steida

import { pipe } from 'fp-ts/function';
import { lens } from 'monocle-ts';
import { memo, useLayoutEffect, useRef, useState } from 'react';
import { LayoutChangeEvent, Text, View } from 'react-native';
import { useTheme } from '../contexts/ThemeContext';

const isOverflown = ({
  clientWidth,
  clientHeight,
  scrollWidth,

joe-bell

import type * as Stitches from '@stitches/react';
import { css, config } from "./stitches.config";

type TCSS = Stitches.CSS<typeof config>;

const { space } = config.theme;
type TSpaceKey = keyof typeof space; 

const gap = (Object.keys(space) as Array<TSpaceKey>).reduce<
  Record<TSpaceKey, TCSS>

steida

import { ColorSchemeName, Platform, StyleSheet, ViewStyle } from 'react-native';

// AFAIK, Android has a problem with negative margins.
type RhythmSize = 'XXS' | 'XS' | 'Sm' | '' | 'Lg' | 'XL' | 'XXL';
type RhythmProp =
  | `${
      | 'm'
      | 'p'
      | `${'m' | 'p'}${'l' | 'r' | 't' | 'b' | 'v' | 'h'}`}${RhythmSize}`
  | `${'w' | 'h' | `${'max' | 'min'}${'W' | 'H'}`}${RhythmSize}`

aarondail

import * as React from 'react';
import { render } from 'react-native-testing-library';
import { Provider } from 'react-redux';
import { createStore } from 'redux';
import { MyContainerComponent, MyPresentationalComponent } from '...';

// Create a real redux store, with your reducers and middleware, and a useful initial
// state tree...
const store = createStore(...);