Gus Fune gusfune

## favourite-ts-tricks.md

      
              1 file
            
          
              1 fork
            
          
                2 comments
              
            
              63 stars
            
          
                KATT
                / favourite-ts-tricks.md
            
            
              Last active
              April 8, 2025 01:25
            
              
                🧙‍♂️ Favourite non-obvious TS tricks
              
          
    Record<string, x | undefined>

Represent maps
// rather than 
const map: {[ key: string ]: string} = {
  foo: 'bar',
}

  
## .env.local.js
// gitignore this file

module.exports = {
  HASURA_URL: 'https://myapp.herokuapp.com/v1/graphql',
  HASURA_ADMIN_SECRET: 'xxx',
};

## useScroll.js
/**
 * useScroll React custom hook
 * Usage:
 *    const { scrollX, scrollY, scrollDirection } = useScroll();
 */

import { useState, useEffect } from "react";

export function useScroll() {
  const [lastScrollTop, setLastScrollTop] = useState(0);
	// gitignore this file

	module.exports = {
	HASURA_URL: 'https://myapp.herokuapp.com/v1/graphql',
	HASURA_ADMIN_SECRET: 'xxx',
	};
	/**
	* useScroll React custom hook
	* Usage:
	* const { scrollX, scrollY, scrollDirection } = useScroll();
	*/

	import { useState, useEffect } from "react";

	export function useScroll() {
	const [lastScrollTop, setLastScrollTop] = useState(0);