ricokahler / hocify

a simple library that converts hooks to HOCs for compatibility with class-based components.

Donate to the ACLU | Shutdown ICE

---

Hi there 👋😄,

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 around Next.js and Sanity.

Checkout my projects 👇 or say hi if you feel like it.

💛 JavaScript

• color2k — small color manipulation lib (2.9kB)
• babel-plugin-tsconfig-paths-module-resolver — Use tsconfig paths in any project that supports custom babel configs.
• @ricokahler/pool — like Promise.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.js

• next-data-hooks — Use getStaticProps/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

• 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 utilize JSONMatch

💻 Apps

• 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

⚛️ React

• 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

hocify's Issues

React 17 Peer Deps

This is a chore item for myself to add react 17 to the peer deps to this package

index.js not included in published tarball

The .npmignore entry index.js excludes the dist/index.js from being included in the published tarball.

Repo overhaul

• switch to auto-publishing using semantic-release
• switch to managed buldes using microbundle

Use React.memo

Would be cool is the library would wrap a returned component into React.memo so a component isn't going to be re-rendered if no props are changed.

Release with react v18 update

I'm getting a warning from yarn that we're providing a react version that's not requested by hocify, but I can see that react has been updated in this repository to react v18 (#238). Can you consider releasing latest main with the dependency updates to npm?

@***/app@workspace:app provides react (pe8768) with version 18.2.0, which doesn't satisfy what hocify requests

The warning in question

Thank you in advance!

Add hoist statics

One little thing I forgot that most HOCs include something to hoist statics.

Probably gonna use this? https://github.com/mridgway/hoist-non-react-statics

Action Required: Fix Renovate Configuration

There is an error with this repository's Renovate configuration that needs to be fixed. As a precaution, Renovate will stop PRs until it is resolved.

Error type: Cannot find preset's package (github>whitesource/merge-confidence:beta)

Overhaul repo

This is a todo list for myself to fix up the setup of this repo, which is slightly too complicated for its own good lol. I made it before I knew better so here is that checklist. This is CI/dev-ops related. This lib's API won't change.

• switch to rollup
• create ESM bundle
• remove unused dev deps
• switch to renovate bot instead of dependabot
• move tests to github actions
• move code coverage
• flatten out folder structure

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Awaiting Schedule

These updates are awaiting their schedule. Click on a checkbox to get an update now.

• chore(deps): update react monorepo (@types/react, eslint-plugin-react-hooks, react, react-dom, react-test-renderer)
• chore(deps): update typescript-eslint monorepo to v7.18.0 (@typescript-eslint/eslint-plugin, @typescript-eslint/parser)
• chore(deps): update dependency eslint to v9
• chore(deps): update dependency eslint-plugin-jest to v28
• chore(deps): update dependency semantic-release to v24
• chore(deps): update typescript-eslint monorepo to v8 (major) (@typescript-eslint/eslint-plugin, @typescript-eslint/parser)

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• chore(deps): update dependency jest to v29

Detected dependencies

github-actions

.github/workflows/release.yml

• actions/checkout v4
• actions/setup-node v4
• codecov/codecov-action v4
• ubuntu 22.04

.github/workflows/test.yml

• actions/checkout v4
• actions/setup-node v4
• codecov/codecov-action v4
• ubuntu 22.04

npm

package.json

• @types/jest 29.5.12
• @types/react 18.2.73
• @types/react-test-renderer 18.3.0
• @typescript-eslint/eslint-plugin 7.4.0
• @typescript-eslint/parser 7.4.0
• @babel/eslint-parser 7.25.1
• eslint 8.57.0
• eslint-config-react-app 7.0.1
• eslint-plugin-flowtype 8.0.3
• eslint-plugin-import 2.29.1
• eslint-plugin-jest 27.9.0
• eslint-plugin-jsx-a11y 6.9.0
• eslint-plugin-react 7.35.0
• eslint-plugin-react-hooks 4.6.0
• jest 28.1.3
• microbundle 0.15.1
• prettier 3.3.3
• react 18.2.0
• react-dom 18.2.0
• react-test-renderer 18.2.0
• semantic-release 23.1.1
• typescript 5.5.4
• react ^16.8.0 || ^17.0.0 || ^18.0.0

---

• Check this box to trigger a request for Renovate to run again on this repository