Skip to content

Instantly share code, notes, and snippets.

View badalsaibo's full-sized avatar
🌱
Do. Doing.

badal badalsaibo

🌱
Do. Doing.
19 followers · 13 following
View GitHub Profile
@badalsaibo
badalsaibo / FastList.tsx
Created November 30, 2023 05:51 — forked from derekstavis/FastList.tsx
Discord's FastList, but in TypeScript
import { forEachObjIndexed } from "ramda";
import * as React from "react";
import {
Animated,
ScrollView,
View,
ViewStyle,
LayoutChangeEvent,
NativeScrollEvent,
} from "react-native";
@badalsaibo
badalsaibo / skeleton.component.tsx
Created November 21, 2023 13:04
Reanimated Skeleton component
import { useEffect } from 'react';
import { ViewStyle } from 'react-native';
import Animated, {
interpolateColor,
useAnimatedStyle,
useSharedValue,
withRepeat,
withTiming,
} from 'react-native-reanimated';
@badalsaibo
badalsaibo / terminal-prompt-git-branch-zsh.md
Created September 27, 2023 11:13 — forked from reinvanoyen/terminal-prompt-git-branch-zsh.md
Add Git Branch Name to Terminal Prompt (MacOS Catalina zsh)

Add Git Branch Name to Terminal Prompt (MacOS Catalina zsh)

Updated for MacOS Big Sur | Monterey | Ventura

screenshot

Install

Open ~/.zshrc in your favorite editor and add the following content to the bottom.

function parse_git_branch() {
@badalsaibo
badalsaibo / global.css
Last active January 29, 2023 14:26
Full height next app
html, body, div#__next {
height: '100%'
}
div#__next > div {
minHeight: '100%'
}
@badalsaibo
badalsaibo / layout-projection.md
Last active December 27, 2022 18:12 — forked from taowen/layout-projection.md

Layout projection: A method for animating browser layouts at 60fps

Introduction

Animating layout is hard. Prohibitively so; how many ambitious designers have provided dev teams dazzling videos of app-quality UI animations, only to be rebuffed?

If you're a web developer, what would your reaction be if asked to realise this kind of App Store-style interaction, where an item opens into a full-screen view when clicked:

Y2Mate.is.-.Inside.Framer.Motion.s.Layout.Animations.-.Matt.Perry-5-JIu0u42Jc-1080p-1651813013467.online-video-cutter.com.mp4
@badalsaibo
badalsaibo / GitCommitEmoji.md
Created November 7, 2022 06:44 — forked from parmentf/GitCommitEmoji.md
Git Commit message Emoji