Skip to content
View baron816's full-sized avatar
Block or Report

Block or report baron816

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
baron816/README.md

Hello visitor

I've got some really great OSS projects pinned here that I'm very proud of.

Aquaman is the biggest one. It's one of the most important things we use on the Growth Team at Evernote and has helped us quickly build out and maintain really complex onboarding flows. It's Redux middleware, but it combines the Redux store with RxJS observables so that you can depend on changes to both your client state and server state to kick off flows.

use-structure allows you to use JavaScript data collections (arrays, objects, maps, and sets) for React component state in a more ergonomic way. Mutative updates to those objects are intercepted so that they're actually immutable, which will update the component correctly. Lot's of crazy stuff with Proxy.

fromable gives you a super efficient and ergonomic way of interfacing with iterables (arrays, strings, maps, sets, etc.). It's similar to transducers, but requires only a single import, packs its own combining function (so you can output the result into pretty much any type of value), and would be really familiar to anyone who's used Array.prototype.map or Array.prototype.filter. Getting the indexes and types to be perfect for this was probably the greatest challege here.

Galactic Context provides a simplier API for creating "global" state in React apps. It cleans up a lot of boilerplate, ensures your provider never rerenders, and makes so that you don't have to worry about different providers depending on each other.

Tagged-Table has the ugliest code of the bunch, but it can make your code much prettier where it's used. It turns table data in your code into arrays of objects--essentially allowing you to make your code look like a spreadsheet by having columns of like values.

All of these are available publicly on NPM and can definitely come in handy.

More projects coming soon!

Pinned Loading

  1. Evernote/Aquaman Evernote/Aquaman Public

    TypeScript 18 11

  2. fromable fromable Public

    A Swiss Army Knife for working with JavaScript iterables.

    TypeScript 36 1

  3. use-structure use-structure Public

    Next generation state management for React

    TypeScript 21

  4. Galactic-State Galactic-State Public

    Simplified global React state

    TypeScript 21 2

  5. galactic-context galactic-context Public

    Easy, efficient state management with React Context.

    TypeScript 5