Skip to content

Instantly share code, notes, and snippets.

View gourav-singhal's full-sized avatar
🎯
Focusing

Gourav Singhal gourav-singhal

🎯
Focusing
  • daffodilsw.com
  • Gurugram, India
  • 11:45 (UTC +05:30)
View GitHub Profile
@Glazzes
Glazzes / App.tsx
Last active September 14, 2025 17:15
React Native pinch to zoom advanced
/**
* After some thoughts on this topic, I've decided to turn this gist along with other features into a library so you can zoom
* whatever you want, library you can find here https://github.com/Glazzes/react-native-zoom-toolkit.
*
* @author Santiago Zapata, Glazzes at Github <3
* @description This gist makes part of an article I'm writing about this topic (in spanish). This solution takes into account
* the linear algebra concepts and geometrical interpretation of the transform-origin property specification, this solution
* takes heavy inspiration from William's Candillon +3 year old video in this topic, however this solution brings it to the
* modern day along with a huge fix that prevents the origin from being displaced by an incorrect offset calculation after
* the first zoom interaction.
@adrianhajdin
adrianhajdin / finished.js
Created July 9, 2021 08:21
Amazon Scraper API
const express = require('express');
const request = require('request-promise');
const PORT = process.env.PORT || 5000;
const app = express();
app.use(express.json());
const returnScraperApiUrl = (apiKey) => `http://api.scraperapi.com?api_key=${apiKey}&autoparse=true`;
@mrousavy
mrousavy / MEMOIZE.md
Last active November 5, 2025 11:06
Memoize!!! 💾 - a react (native) performance guide
In computing, memoization or memoisation
is an optimization technique used primarily
to speed up computer programs by storing
the results of expensive function calls and  
returning the cached result when the same
inputs occur again.                                         
                                                     — wikipedia
import React, { useState } from 'react'
import { StyleSheet, Text, ScrollView, Button } from 'react-native'
import TextField from './components/TextField'
export default function App() {
const [value, setValue] = useState('')
const [error, setError] = useState<string | null>(null)
return (
<ScrollView contentContainerStyle={styles.content}>
@thehappydinoa
thehappydinoa / $React.png
Last active March 17, 2024 16:14
Awesome React Native
$React.png
@ekas
ekas / learn_typescript.md
Last active December 8, 2022 02:14
Let's Gear Up for TypeScript

🚀 🚀 Let's Gear Up for TypeScript 🎉 🎉

TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. Any browser. Any host. Any OS. Open source.

Basic Types

  • Boolean
let isDone: boolean = false;
@louy
louy / AccessibilityWrapper.tsx
Last active December 18, 2024 15:07
RN Accessibility Wrapper, a custom view that allows you to control the accessibility behaviour of a React Native component tree
/**
* @author Louay Alakkad (github.com/louy)
* @license MIT https://opensource.org/licenses/MIT
*/
import React from 'react'
import PropTypes from 'prop-types'
import {
NativeModules,
ViewProps,
ViewPropTypes,
@janicduplessis
janicduplessis / androidx-class-mapping.csv
Last active September 9, 2024 12:24
Update react-native libraries under node_modules to androidx
android.support.v8.renderscript.Allocation android.renderscript.Allocation
android.support.v8.renderscript.Element android.renderscript.Element
android.support.v8.renderscript.RenderScript android.renderscript.RenderScript
android.support.v8.renderscript.ScriptIntrinsicBlur android.renderscript.ScriptIntrinsicBlur
android.support.transition.AnimatorUtils androidx.transition.AnimatorUtils
android.support.transition.ArcMotion androidx.transition.ArcMotion
android.support.transition.AutoTransition androidx.transition.AutoTransition
android.support.transition.ChangeBounds androidx.transition.ChangeBounds
android.support.transition.ChangeClipBounds androidx.transition.ChangeClipBounds
@Kudo
Kudo / Steps_for_WebkitGTK_2_24_2.md
Last active September 5, 2023 10:16
Steps to integrate experimented JSC

Intro

Here are the steps to integrate experimented JavaScriptCore. Hopefully this could solve the JSC crash issue on RN 0.59.

Steps (for RN 0.59)

  1. yarn add 'jsc-android@next'
  2. Modify build.gradle files.
diff --git a/android/app/build.gradle b/android/app/build.gradle
@JoeyBurzynski
JoeyBurzynski / 55-bytes-of-css.md
Last active October 28, 2025 06:41
58 bytes of css to look great nearly everywhere

58 bytes of CSS to look great nearly everywhere

When making this website, i wanted a simple, reasonable way to make it look good on most displays. Not counting any minimization techniques, the following 58 bytes worked well for me:

main {
  max-width: 38rem;
  padding: 2rem;
  margin: auto;
}