Ryan Hefner

Having fun, making stuff. Building products at @RockKick. Previously Director of Engineering at @Vimeo.

Projects

react-contentful

📰 A React component library that makes it super simple to compose Contentful content into your sites and applications.

JavaScript - Released: 07 Feb 2019 - 65

react-maps-google

🗺 React components that make it easy to add Google maps and markers to your React projects.

JavaScript - Released: 04 Apr 2018 - 4

react-scroll-trigger

📜 React component that monitors scroll events to trigger callbacks when it enters, exits and progresses through the viewport. All callback include the progress and velocity of the scrolling, in the event you want to manipulate stuff based on those values.

JavaScript - Released: 06 Jul 2017 - 130

contentful-sitemap

🗺 Build a dynamic sitemap.xml file based on content pulled in from Contentful via the Contentful API.

JavaScript - Released: 29 Mar 2019 - 12

react-timer-wrapper

Composable React Timer component that passes status props to children, in addition to some basic callbacks. Can be used at a countdown timer ⏲ or as stopwatch ⏱ to track time while active.

JavaScript - Released: 25 Jul 2017 - 17

calculate-aspect-ratio

📐 A simple utility function, and command line utility, for calculating an aspect ratio based on width and height.

JavaScript - Released: 06 Oct 2017 - 45

next-contentful

📰 React library for integrating react-contentful into the server-side rendering of your Next.js app.

JavaScript - Released: 14 Mar 2019 - 19

stylex

Easily convert CSS styles from the DOM to Javascript, and back.

JavaScript - Released: 27 Jun 2017 - 18

react-animate-props

React higher order component and hook for transforming your favorite components to animate prop values on change.

JavaScript - Released: 25 Jul 2017 - 8

contentful-parsers

🧰 Toolbox of useful parsers to use when working with Contentful API responses.

JavaScript - Released: 29 Mar 2019 - 9

react-canvas-wrapper

🖼 React component that wraps a canvas element and offers a clean API for drawing.

JavaScript - Released: 05 Mar 2018 - 4

next-request-block

React library for integrating react-request-block into the server-side rendering of your Next.js app.

JavaScript - Released: 24 Jun 2019 - 1

react-prismic

📰 Easily compose Prismic requests and data into your React applications.

JavaScript - Released: 09 Aug 2019 - 3

react-request-block

React component to compose requests within your components, with support for server-side rendered requests.

JavaScript - Released: 14 Jun 2019 - 1

react-timecode

⏳ Simple React component for displaying a timecode, with various formatting options.

JavaScript - Released: 25 Jul 2017 - 7

next-prismic

📰 React library for integrating @ryanhefner/react-prismic into the server-side rendering of your Next.js app.

JavaScript - Released: 14 Aug 2019 - 2

react-video-players

📺 Library of React video player components that offer a consistent interface and callback system for Vimeo, YouTube and the <video> tag. Along with a handy higher order component for building your own 😉

JavaScript - Released: 10 Jul 2017 - 13

clean-react-props

🛁 Utility functions for passing clean React props to HTML and SVG elements.

JavaScript - Released: 28 Jul 2017 - 6

apollo-link-contentful

🔗 An ApolloLink that lets you perform GraphQL queries against Contentful’s Rest API. No more, query size limits! No more, query complexities!!

JavaScript - Released: 10 Sep 2020 - 4

react-indicators

Responsive, canvas-based indicators that you can use to communicate the progress of loaders, timers or whatever else you might need a progress indicator for.

JavaScript - Released: 26 Jun 2017 - 3

next-utils

🧰 Handy utilities for building React components that render as nice server-side as they do on the client.

JavaScript - Released: 23 Aug 2019 - 1

next-meta

🗣️ Easily compose and manage meta and open graph tags in your Next.js app/site.

JavaScript - Released: 28 Nov 2023 - 2

react-hoc-helpers

🧰 Collection of helpful utilities and helpers for when working with React higher-order components (HOC).

JavaScript - Released: 23 Aug 2019 - 1

tweenkle

✨ Lightweight tweening library built for modern Javascript environments that favor small modular components over heavy monolithic bundled libraries.

JavaScript - Released: 12 Sep 2017 - 5

Object.assign

Simple ES6 Object.assign() polyfill for older environments.

JavaScript - Released: 22 Apr 2016 - 3