Skip to content

Instantly share code, notes, and snippets.

View sturmenta's full-sized avatar
🌌

Nicolas Sturm sturmenta

🌌
  • Argentina
  • 13:57 (UTC -03:00)
View GitHub Profile
@sturmenta
sturmenta / CTAWithFading.tsx
Created July 26, 2021 05:21
hex percentage - cta with fading
/* eslint-disable react/no-array-index-key */
import React, {ReactNode} from 'react';
import {SafeAreaView, View} from 'react-native';
import {withTheme} from '../../Elements';
import {baseTheme, darkTheme, PuraMenteTheme} from '../../../styles/base';
import {makeStyles} from '../../Utils/MakeStylesHoc';
interface CTAWithFadingProps {
theme: PuraMenteTheme;
@sturmenta
sturmenta / stringifyWithCustomDepth.ts
Last active November 19, 2022 14:48
Version of JSON.stringify limitied to a specific depth.
export const stringifyWithCustomDepth = (obj: any, depth = 1): string => {
return !obj
? JSON.stringify(obj, null, 2)
: typeof obj === 'object'
? JSON.stringify(
JSON.parse(
depth < 1
? '"???"'
: `{${Object.keys(obj)
.map((k) => `"${k}": ${stringifyWithCustomDepth(obj[k], depth - 1)}`)
@sturmenta
sturmenta / container-with-dimensions.tsx
Last active December 17, 2023 06:42
react native - get the father component dimensions
import React, { useState } from "react"
import { View, ViewProps } from "react-native"
interface ContainerWithDimensionsProps {
children: ({
width,
height
}: {
width: number
height: number
@sturmenta
sturmenta / feedback.tsx
Last active August 29, 2023 18:20
react native collapse animation dynamic height
import React, {useEffect, useImperativeHandle, useState} from 'react';
import {Keyboard, View} from 'react-native';
import {useTheme} from '@react-navigation/native';
import {useSpring, animated} from '@react-spring/native';
import {MyThemeInterfaceColors} from '_styles';
import {GetDimensions} from '_atoms';
import {MultilineTextInput, Button, TextInputRef} from '_molecules';
import {getPercentageInHex, themedStyleSheet} from '_utils';
import {usePrevious} from '_hooks';
@sturmenta
sturmenta / addObjectsToArrayIfIdNotExists.ts
Created August 7, 2022 21:50
get from graphql with pagination
export const addObjectsToArrayIfIdNotExists = (
baseArray: any[],
objects: any[],
): any[] => {
objects.forEach(obj1 => {
if (!baseArray.find(obj2 => obj2.id === obj1.id)) {
baseArray.push(obj1);
}
});
@sturmenta
sturmenta / baseScraper.js
Last active September 30, 2022 12:18
basic scraper
const axios = require('axios');
const cheerio = require('cheerio');
const baseUrl = 'https://www.infomerlo.com';
const urlToScrap = baseUrl + '/noticias';
const numberOfFirstElementsToScrap = 10;
axios(urlToScrap)
.then(response => {
@sturmenta
sturmenta / get-new-image-size-by-aspect-ratio.ts
Created October 11, 2022 07:31
resize image and keep aspect ratio
type OneRequiredOneOptional =
| {desiredWidth: number; desiredHeight?: number}
| {desiredWidth?: number; desiredHeight: number};
interface CommonProps {
widthReadFromImage: number;
heightReadFromImage: number;
}
type FullProps = CommonProps & OneRequiredOneOptional;
@sturmenta
sturmenta / show-progress.tsx
Created October 11, 2022 08:28
react-native progress indicator
import React from 'react';
import {useTheme} from '@react-navigation/native';
import {ProgressChart} from 'react-native-chart-kit';
import {MyThemeInterfaceColors, getPercentageInHex} from '_utils';
import {useComponentTrackTrace} from '_hooks';
interface ShowProgressProps {
progress: number;
height?: number;
@sturmenta
sturmenta / scalable-image-uri.tsx
Created October 11, 2022 08:33
react-native uri-image with progress indicator
import React, {useState} from 'react';
import {ImageProps, View} from 'react-native';
import FastImage, {FastImageProps} from 'react-native-fast-image';
import {useComponentTrackTrace} from '_hooks';
import {ShowProgress} from '_atoms';
import {ToastShow} from '_utils';
import {getNewImageSizeByAspectRatio} from './get-new-image-size-by-aspect-ratio';
@sturmenta
sturmenta / get-google-maps-place-by-autocomplete.ts
Last active October 19, 2022 11:31
get google maps place by autocomplete
import Qs from 'qs';
import {GOOGLE_MAPS_API_KEY} from 'react-native-dotenv';
export const getGoogleMapsPlaceByAutocomplete = (
place: string,
): Promise<{
data?: {
predictions: Array<{
description: string;
place_id: string;