badal badalsaibo

Inspired by dannyfritz/commit-message-emoji

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

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

Updated for MacOS Big Sur | Monterey | Ventura

Install

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

function parse_git_branch() {

Uninstall then reinstall WSL on Windows 10 (clean way)

Background

I've been using wsl (version 2) with genie mod for years without issue, but one day, Windows 10 finally catch up on wsl Windows 11 features and gives us a way to use systemD natively.

I wanted to use the new "right way" to enable systemD on Windows Subsystem for Linux (without genie), and I also had a (probably related) infinite Windows RemoteApp error poping in.

Fixing it

A - Uninstall wsl and related stuff

In powershell (as admin)

Commit type	Emoji
Initial commit	🎉 `:tada:`
Version tag	🔖 `:bookmark:`
New feature	✨ `:sparkles:`
Bugfix	🐛 `:bug:`

	import { forEachObjIndexed } from "ramda";
	import * as React from "react";
	import {
	Animated,
	ScrollView,
	View,
	ViewStyle,
	LayoutChangeEvent,
	NativeScrollEvent,
	} from "react-native";

	import { BottomSheetModal, BottomSheetModalProps } from '@gorhom/bottom-sheet';
	import { useCallback, useRef } from 'react';
	import { BackHandler, NativeEventSubscription } from 'react-native';

	/**
	* hook that dismisses the bottom sheet on the hardware back button press if it is visible
	* @param bottomSheetRef ref to the bottom sheet which is going to be closed/dismissed on the back press
	*/
	export const useBottomSheetBackHandler = (
	bottomSheetRef: React.RefObject<BottomSheetModal \| null>,