derekstavis

/* Layout and Text components are my own utility components. Replace them by your own. */

import { memo, useEffect, useMemo, useState } from "react";
import { ViewStyle } from "react-native";
import { A } from "@mobily/ts-belt";
import mitt from "mitt";
import { v4 as uuid } from "@lukeed/uuid";
import Animated, {
  Layout as REALayout,
  Easing,

terrysahaidak

import React, {useRef, useState} from 'react';
import {FlatList, Image, useWindowDimensions} from 'react-native';
import {Gesture, GestureDetector} from 'react-native-gesture-handler';
import Animated, {useSharedValue} from 'react-native-reanimated';

// array of 3 images
const images = [
  {id: 1, url: 'https://picsum.photos/id/237/200/300'},
  {id: 2, url: 'https://picsum.photos/id/238/200/300'},
  {id: 3, url: 'https://picsum.photos/id/239/200/300'},

intergalacticspacehighway

import { useEffect, useRef } from "react";
import { AppState, AppStateStatus } from "react-native";

export const useFetchOnAppForeground = () => {
  const listener = useRef(null);

  function fetchOnAppForeground(params) {
    if (AppState.currentState === "active") {
      return fetch(params);
    } else {

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

import React, { useMemo, useState } from "react";
import { LayoutChangeEvent, StyleSheet } from "react-native";
import {
  PinchGestureHandler,
  PinchGestureHandlerGestureEvent,
} from "react-native-gesture-handler";
import Animated, {
  useAnimatedGestureHandler,
  useAnimatedStyle,
  useSharedValue,

mdjastrzebski

import * as React from 'react';
import { padStart, eq, isEqual } from 'lodash';

export function useDebugDeps(name: string, deps: unknown[]): void {
  const previousDepsRef = React.useRef(deps);
  const countRef = React.useRef(0);

  printDepsChange(name, deps, previousDepsRef.current, countRef.current);

  previousDepsRef.current = deps;

andywer

React - Functional error boundaries

Thanks to React hooks you have now happily turned all your classes into functional components.

Wait, all your components? Not quite. There is one thing that can still only be implemented using classes: Error boundaries.

There is just no functional equivalent for componentDidCatch and deriveStateFromError yet.

Proposed solution

infinityfuture

"""
Reference:

http://www.hankcs.com/nlp/textrank-algorithm-to-extract-the-keywords-java-implementation.html

http://www.hankcs.com/nlp/textrank-algorithm-java-implementation-of-automatic-abstract.html
"""

import numpy as np

necolas

import i18n from './i18n';
import theme from './theme';
import { bool, string } from 'prop-types';
import { I18nManager, StyleSheet, Text } from 'react-native';
import React, { Component } from 'react';

/**
 * React Component
 */
class AppText extends Component {

mreigen

function generateAlphabets() {
  var alphabets = [];
  var start = 'A'.charCodeAt(0);
  var last  = 'Z'.charCodeAt(0);
  for (var i = start; i <= last; ++i) {
    alphabets.push(String.fromCharCode(i));
  }

  return alphabets.join('');
}