Action Group

Keyboard - React - Editing

Posted by @edgauthier, Last update about 5 years ago - Unlisted

A keyboard for editing React apps. First four actions do the following:

  1. Stops working on the app - changes to the React Apps workspace
  2. Runs the app currently being worked on
  3. Creates a new CSS file with the appropriate tags
  4. Creates a new JSX file with the appropriate tags

Note that this action requires versions of Babel, React, and React-DOM to be places in the following directory:

iCloud Drive/Drafts/Library/Scripts/

The Run App action expects to find files in the above directory named:

  • babel.min.js
  • react.min.js
  • react-dom.min.js

Included Actions

  • Stop Working on App
  • Run App
  • Create Files
  • New CSS
  • New JSX
Items available in the Drafts Directory are uploaded by community members. Use appropriate caution reviewing downloaded items before use.