Donavon West

hook-flow. A flowchart that explains the new lifecycle of a Hooks component. https://dwe.st/hf

use-persisted-state. A custom React Hook that provides a multi-instance, multi-tab/browser shared and persistent state.

use-dark-mode. A custom React Hook to help you implement a "dark mode" component.

use-event-listener. A custom React Hook that provides a declarative useEventListener

thwack. A tiny modern data fetching solution

undefined-is-a-function. "undefined is not a function"? — It is now!

use-interval. A custom React Hook that provides a declarative setInterval called useInterval.

react-af. Allows you to code using certain React.next features today! Perfect for component library maintainers.

styled-shortcuts. Provides convenient props shortcut helper for Styled Components 💅

superjson-remix. TypeScript

render-props. Easily and reliably support Render Props, Component Injection, and Function as a Child

use-firebase-auth. A custom React Hook that provides a declarative interface for Firebase Auth.

remix-etag. HTML

use-instance. A custom React Hook that provides a sensible alternative to useRef for storing instance variables.

use-visibility-change. Know how long it's been since a user has "seen" your app.

big-sur-icons. A collection of re-imagined icons for popular apps in the macOS Big Sir style

reclass. Write React stateful components without worrying about this or binding methods.

transformer-open-graph. TypeScript

splashr. A React component that takes the effort out of adding a Splash Screen to your web application.

react-router-relative-link. Allows react-router's Link component to accept relative paths.

json_. Converts camelCase JavaScript objects to JSON snake_case and vise versa.

use-firebase-app. JavaScript

use-prev-prop. A custom React Hook that maintains a previous value for a prop (or any other value).

lambdog-server. Write Netlify functions without pulling your hair out.

use-firebase-database. JavaScript

styled-shortcut-components. A convenience package that wraps styled-components with styled-shortcuts.

styled-units. You might want to try https://github.com/donavon/styled-shortcuts instead

garage-door. JavaScript

init-readme. An opinionated README.md generator for npm utility packages

hrd. An npx utility to make it easy to hoard, um… reserve an npm name.

use-pdf. TypeScript

intl-parse-accept-language. TypeScript

lloop. A React JSX Loop component with the lloopy name

react-proxy-hook. Helps you test a React Hook

use-cached-state. JavaScript

xcop. An XHR Cross Origin Proxy

remix-patches.

binclock. A binary clock written in React using TypeScript

Star-Wars-Episode-I-The-Phantom-Menace. Script for "Star Wars: Episode I – The Phantom Menace" entirely using git commit messages. Like it? Give it a ⭐️ on GitHub.

crapp-ts. An npx utility to run create-react-app with the TypeScript template.

donavon.

use-step-multi-step-form-demo. Created with CodeSandbox

react-extended-render. Extends React's `Component` by passing `props`, `state`, and `context` to the `render` method of a class.

consoleit. Utility to append console messages to the DOM. Useful when using RequireBin, JSFiddle, or the like.

render-fragment. JavaScript

multi-cookie-session. TypeScript

animated-placeholder. JavaScript

lambdog-client. JavaScript

spreadlove.io. HTML

chime-devices. This package contains a React context provider and a hook around AWS Chime for capturing system audio and video devices.

thwack-resolve. A tiny functional equivalent to` new URL(url, base).href`

babel-plugin-transform-class-private-properties. A Babel transform to convert pseudo-private "underscore convention" private class properties to truly private properties.

resume.