Abdur-Rahman ShafSpecs

Inspired by dannyfritz/commit-message-emoji

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

I've done this many times but every time I attempt to do it anew many months have passed and I always have to look it up again. Here is a quick reference for myself and others to do this quickly and easily.

Create SSH key

First create the ssh key on your local computer and copy to your clipboard:

~$ cd ~/.ssh && ssh-keygen
~$ cat id_rsa.pub | pbcopy

Advanced Formatting in GitHub Markdown

GitHub Flavored Markdown lets you create useful documents in GitHub and GitHub Enterprise using .md files. Like other varieties of markdown, GitHub Markdown tries to be as readable as possible in its raw form, resulting in an intentionally limited set of formatting options. However, these options can feel restrictive when dealing with complex content.

Although GitHub Markdown strips out most HTML tags, here are a few tricks that can give you more flexibility when formatting your documents. These advanced formatting options can make your documents more useable, but they come at the expense of plain text readability, so use with caution.

Using `@react-pdf/renderer` with React 18

Introduction

When I tried to use the @react-pdf/renderer package with a React 18 app, two problems arose. In this article, I'll describe those problems and tell you how I solved them.

Update: Here's a video demonstration of the problems and solution described in this article: https://youtu.be/YZP5r7Uy_bU

	import { ZodError, type z } from 'zod';
	import { ask } from '@tauri-apps/plugin-dialog';
	import { exit, relaunch } from '@tauri-apps/plugin-process';
	import * as fs from '@tauri-apps/plugin-fs';
	import { appDataDir } from '@tauri-apps/api/path';
	import { path } from '@tauri-apps/api';
	import { createStore as xstateStore } from '@xstate/store';
	import { useSelector } from '@xstate/store/react';

	const debounce = <T extends (...args: unknown[]) => void>(

	import { set, unset, get, PropertyPath } from 'lodash';
	import { useSyncExternalStore } from 'react';

	export type SimpleReactiveStore = ReturnType<typeof createSimpleReactiveStore>;
	/**
	*
	* @returns a simple store you can use with your react components.
	*/
	export function createSimpleReactiveStore() {
	const data: object = {};

	/**
	* App Install Manager
	*
	* Author: @rphlmr
	*/

	/**
	* You will be surprised by the code below.
	*
	* `beforeinstallprompt` is an event really hard to work with 😵‍💫

Abdur-Rahman ShafSpecs

Create SSH key

Advanced Formatting in GitHub Markdown

Using @react-pdf/renderer with React 18

Introduction

Problem 1: Dependency Conflict

Using `@react-pdf/renderer` with React 18