Piotr Monwid-Olechnowicz hasparus

👨‍🎤 Cyberpunk SCARLET for Windows Terminal

profile settings in screenshot

  "colorScheme": "Cyberpunk SCARLET",
  "cursorHeight": 25,
 "cursorShape": "vintage",

Title: Case Study: Helping with TypeScript problems of react-three-fiber.

Dan Questions:

How will you deliver the idea to the audience?
- R3F is pretty rad. Gonna show this on the first slide.
What is the one thing that you want people to take away from your talk?
- Compiler API is powerful. We can use this power to hard solve problems.

	// TypeScript Playground: https://tsplay.dev/mq8eYN

	/// <reference types="@types/jest" />
	import type { MatcherState } from 'expect';


	const matchers = {
	toHaveWordsCount(this: MatcherState, sentence: string, wordsCount: number) {
	// implementation redacted
	},

	// Imagine that @prisma/client is a normal library and it doesn't have different types in userspace and libraries
	import {GetEvents, LogDefinition, LogLevel, PrismaClient, PrismaClientOptions} from "@prisma/client"
	import {exec} from "child_process"

	interface EnhancedPrismaClient<
	// TypeScript doesn't have higher (i.e. * -> * -> *) order types, so
	// we can't use anything like ConstructorParameters<typeof PrismaClient>,
	// because ConstructorParameter will "strip" generics.
	//
	// The only way to preserve generic parameters is to copy them.

	// @ts-ignore
	import GatsbyParser from "gatsby/dist/query/file-parser";
	import path from "path";
	import glob from "glob";

	/**
	* Collect all graphql fragments from a directory
	* @see https://github.com/gatsbyjs/gatsby/issues/12155#issuecomment-618424527
	*/
	export const collectGraphQLFragments = async (


	name: Print readme to PDF

	on:
	push:
	paths: ['readme.md', '.github/workflows/print-readme.yml']

	jobs:
	make_pdf:
	runs-on: ubuntu-18.04

	import { NextApiResponse, NextApiRequest } from "next";
	import fetch from "isomorphic-unfetch";

	export default async function avatar(
	req: NextApiRequest,
	res: NextApiResponse
	) {
	const {
	query: { username_slug },
	} = req;

	const UserProfile = React.lazy(() => import("./scenes/UserProfile").then(module => ({
	default: module.UserProfile
	})));