Render React components next to your code
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
keymaps Add working prototype Nov 7, 2016
lib
menus
styles
.gitignore
CONTRIBUTING.md
LICENSE.md
README.md
coffeelint.json Add working prototype Nov 7, 2016
flatris.gif
package.json
tetriminos.gif

README.md

React Cosmos Atom

Render React components next to your code with ctrl-shift-r!

Warning: This is a working prototype, not a mature package. If you find this cool then let's make it happen together!

Tetriminos

Flatris

Try it out:

  1. Install Atom package
git clone git@github.com:react-cosmos/react-cosmos-atom.git
cd react-cosmos-atom
npm i
ln -s "$(pwd)" ~/.atom/dev/packages/react-cosmos
  1. Start React Cosmos server
git clone git@github.com:react-cosmos/react-cosmos.git
cd react-cosmos
npm i
cd examples/flatris
npm i
npm start
  1. Start Atom in development mode
# Open a new terminal in the same dir from Step 2.
atom -d .
  1. Open a fixture file inside Atom (from __fixtures__/) and toggle React Cosmos using ctrl-shift-r or from Packages > React Cosmos