dilipsuthar97

import { useState, useEffect, useMemo } from 'react';

// Helper function to get nested value from object by dot notation
const getValueByPath = (obj: any, path: string): any => {
    return path.split('.').reduce((acc, key) => acc?.[key], obj);
};

/**
 * Returns a filtered dataset and a function to update the main data source.
 *

dilipsuthar97

React Native ENV Config

Config setupusing scripts but not via the native scheme setup

dilipsuthar97

import React, { FC, memo, ReactNode, useEffect } from 'react';
import { StyleProp, StyleSheet, Text, TextStyle, TouchableOpacity, View, ViewStyle } from 'react-native';
import Animated, {
    Extrapolation,
    interpolate,
    measure,
    runOnUI,
    useAnimatedRef,
    useAnimatedStyle,
    useDerivedValue,

dilipsuthar97

import React, { memo, useCallback } from 'react';
import {
    ActivityIndicator,
    ImageResizeMode,
    ImageSourcePropType,
    ImageStyle,
    StyleProp,
    StyleSheet,
    View,
} from 'react-native';

dilipsuthar97

Husky in React native

prettier + eslint + lint-staged + eslint-plugin-diff

Husky lets us run commands or script before committing or pushing our code to git. It works as a pre runner before commiting anything.

Install dependencies

yarn add -D husky prettier eslint lint-staged

dilipsuthar97

/*
  ArrayUtil exposes a set of helper methods for working with
  ReadableArray (by React Native), Object[], and JSONArray.
 */

package com.iodine.start;

import com.facebook.react.bridge.Arguments;
import com.facebook.react.bridge.ReadableArray;

dilipsuthar97

Hexadecimal color code for transparency

How to set transparency with hex value ?

For example, you want to set 40% alpha transparence to #000000 (black color), you need to add 66 like this #66000000.

Download This sample on Google Play Store

dilipsuthar97

const useDebounce = (value, delay) => {
  const [debouncedValue, setDebouncedValue] = useState(value);
  
  useEffect(() => {
    const handler = setTimeout(() => {
      setDebouncedValue(value);
    }, delay);
    
    return () => {
      clearTimeout(handler);

dilipsuthar97

// --------------- LIBRARIES ---------------
import React, { memo } from 'react';
import { View, Animated, StyleSheet, Easing, PanResponder } from 'react-native';

// --------------- ASSETS ---------------

export const TRACK_HEIGHT = 32;
export const HOR_PAD = 10;

const Colors = {

dilipsuthar97

/**
 * Example to refresh tokens using https://github.com/auth0/node-jsonwebtoken
 * It was requested to be introduced at as part of the jsonwebtoken library,
 * since we feel it does not add too much value but it will add code to mantain
 * we won't include it.
 *
 * I create this gist just to help those who want to auto-refresh JWTs.
 */

const jwt = require('jsonwebtoken');