@artsy/reaction-force

      :::::::::  ::::::::::     :::      :::::::: ::::::::::: ::::::::::: ::::::::  ::::    :::
     :+:    :+: :+:          :+: :+:   :+:    :+:    :+:         :+:    :+:    :+: :+:+:   :+:
    +:+    +:+ +:+         +:+   +:+  +:+           +:+         +:+    +:+    +:+ :+:+:+  +:+
   +#++:++#:  +#++:++#   +#++:++#++: +#+           +#+         +#+    +#+    +:+ +#+ +:+ +#+
  +#+    +#+ +#+        +#+     +#+ +#+           +#+         +#+    +#+    +#+ +#+  +#+#+#
 #+#    #+# #+#        #+#     #+# #+#    #+#    #+#         #+#    #+#    #+# #+#   #+#+#
###    ### ########## ###     ###  ########     ###     ########### ########  ###    ####
      :::::::::: ::::::::  :::::::::   ::::::::  ::::::::::
     :+:       :+:    :+: :+:    :+: :+:    :+: :+:
    +:+       +:+    +:+ +:+    +:+ +:+        +:+
   :#::+::#  +#+    +:+ +#++:++#:  +#+        +#++:++#
  +#+       +#+    +#+ +#+    +#+ +#+        +#+
 #+#       #+#    #+# #+#    #+# #+#    #+# #+#
###        ########  ###    ###  ########  ##########

Meta

• State: development
• Demo: https://artsy.github.io/reaction-force
• CI:
• Point People: @alloy & @broskoski

Installation

$ git clone --recursive https://github.com/artsy/reaction-force.git
$ cd reaction-force
$ npm install -g yarn
$ yarn install

Instructions

• Development of components happen in storybooks:

    $ yarn storybook
    $ open http://localhost:4444/
  

• Run the tests:

    $ yarn test
  

• Run the tests continuously (or use vscode-jest):

    $ yarn test -- --watch
  

• After updating components, be sure to deploy a new demo (sharing is caring!):

    $ yarn deploy-storybook
  

• After updating a Relay query fragment, be sure to update the typings for it:

    $ yarn relay2ts
  

• When using new changes in metaphysics’ schema, be sure to update the local schema copy:

    $ yarn sync-schema
  

• There are some suggested VSCode extensions in .vscode/extensions.json and additional docs at docs/vscode.md.

TODO

• Actually make useful components.
• Publish as npm package.
• Integrate into Force.