Donate to theACLU |Shutdown ICE

My name is Rico Kahler (he/him) and I build consumer-facing websites and apps as well as developer-facing tools.

I care deeply about UX, DX, performance, a11y, and SEO. I specialize in the tooling + React space and also work with serverless architectures and infrastructures using platforms like Vercel and frameworks like Serverless.

Most of my open source these days revolves aroundNext.js andSanity.

Checkout my projects 👇 orsay hi if you feel like it.

• color2k — small color manipulation lib (2.9kB)
• babel-plugin-tsconfig-paths-module-resolver — Use tsconfigpaths in any project that supports custom babel configs.
• @ricokahler/pool — likePromise.all but you can limit the concurrency
• @ricokahler/lazy — A small (~600B gzip), useful set of methods for lazy iteration of iterables
• oauth2-popup-flow — OAuth2 implict grant lib

• next-data-hooks — UsegetStaticProps/getServerSideProps as react-hooks
• next-plugin-preval — Pre-evaluate async functions during builds and import them like JSON
• next-plugin-query-cache — A build-time query cache for Next.js

• sanity-codegen — Generate TypeScript types from your Sanity.io schemas
• sanity-super-pane — The Sanity Desk Tool pane with Super Powers
• jsonmatch-patch — A collection of patch utils that utilizeJSONMatch

• longtweet.io — Jamstack TwitLonger alternative
• heic.app — a heic image converter that lives 100% in the browser
• simplepoll.org — simple polls with real-time results
• wordlepdf.com — play Wordle but using PDFs
• hexagonpfp.org — because hexagons are a basic human right

• hacker-ui — a work-in-progress component library
• flair — a work-in-progress CSS-in-JS lib for React
• hocify — converts hooks to HOCs for compatibility with class-based components.
• react-mounting-transition — helps you add transitions to components you dynamically mount to the DOM

PinnedLoading

1. sanity-codegensanity-codegenPublic archive

   Generate TypeScript types from your Sanity.io schemas

   TypeScript 271 19

2. color2kcolor2kPublic

   a color parsing and manipulation lib served in roughly 2kB

   TypeScript 620 11

3. next-data-hooksnext-data-hooksPublic

   Use `getStaticProps`/`getServerSideProps` as react-hooks

   TypeScript 718 14

4. next-plugin-prevalnext-plugin-prevalPublic

   Pre-evaluate async functions during builds and import them like JSON

   TypeScript 256 13

5. babel-plugin-tsconfig-paths-module-resolverbabel-plugin-tsconfig-paths-module-resolverPublic

   Use tsconfig-paths in any bundler that supports a custom babel config.

   TypeScript 40 2