Tane Morgan

react-svg. :art: A React component that injects SVG into the DOM.

react-nprogress. :hourglass: A React primitive for building slim progress bars.

svg-injector. :syringe: Fast, caching, dynamic inline SVG DOM injection library.

express-bookshelf-realworld-example-app. :whale: An Express and Bookshelf based backend implementation of the RealWorld API Spec.

generator-typescript-react-lib. :nut_and_bolt: A Yeoman generator for React libs written with Typescript.

state-machines-in-react. :repeat: A small React, xstate and Framer Motion demo.

media-query-facade. :mask: A nicer JavaScript media query API.

react-salvager. :recycle: Reuse row elements when displaying large datasets.

skyline. :city_sunset: A bar graph that displays information in real time using canvas.

react-redux-playground. :ferris_wheel: Messing about with React and Redux.

express-backbone-boilerplate. :construction: Sample app built using Express and Backbone plus a few friends.

hbs-svg. :bike: Generate Handlebars helpers for optimised inline SVG.

stweam. :rainbow: Returns tweet data from the public Twitter stream.

chirp. :bird: Stream tweet data from Twitter's public stream all the way through to the browser.

mtt. 🎵 .(m)3u8 (t)o (t)racklist

tanem-scripts. :nut_and_bolt: Common scripts for my projects.

infector. :syringe: Dependency injection for Node.js and the browser.

salvager. :recycle: Reuse row elements when displaying large datasets.

use-document-title. :fishing_pole_and_fish: A React hook that sets the current title of the document.

default-avatar-helper. :bowtie: A helper for creating default avatars.

shelljs-plugin-authors. :shell: A ShellJS plugin for generating a nicely formatted list of authors.

hackernews-node. 📰 A GraphQL API for a Hacker News clone.

archiver-webpack-plugin. :file_folder: A webpack plugin that generates zip archives.

karma-protractor-demo. Karma & Protractor test runner demo.

react-use. React Hooks — 👍

sick-fits-frontend. :shirt: [WIP] A frontend implementation of Wes Bos' Advanced React course.

parker-loader. :clipboard: Output a stylesheet analysis report using parker and webpack.

jest-prettyhtml-matchers. :black_joker: Custom Jest snapshot matchers that use prettyhtml to format strings.

webpack-scaffold. A little webpack setup.

css-revealer. :eyes: Reveal CSS selector usage within HTML templates.

tweening-counter. :1234: A counter that uses a timing function to move towards it's destination.