https://github.com/victorb/atom-react-preview

♨️ Preview your React components directly in React, with mutable props! [Not maintained]
https://github.com/victorb/atom-react-preview

Last synced: 9 days ago
JSON representation

♨️ Preview your React components directly in React, with mutable props! [Not maintained]

• Host: GitHub
• URL: https://github.com/victorb/atom-react-preview
• Owner: victorb
• License: mit
• Created: 2015-12-05T14:39:46.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2016-09-15T14:35:08.000Z (about 8 years ago)
• Last Synced: 2024-11-16T15:46:06.786Z (28 days ago)
• Language: JavaScript
• Homepage:
• Size: 860 KB
• Stars: 85
• Watchers: 2
• Forks: 4
• Open Issues: 16
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# Atom React Preview - [Github](https://github.com/VictorBjelkholm/atom-react-preview) - [Atom.io](https://atom.io/packages/atom-react-preview)

[![deprecated](http://badges.github.io/stability-badges/dist/deprecated.svg)](http://github.com/badges/stability-badges)

Preview your React components directly in Atom. Works best for stateless components.

![Atom React Preview](demo.gif)

## Features:

* Reload your component on save

* Editing the props in the preview area

* Saving the edits for when you reload your component again

* Supports LESS currently (feel free to submit PR with LESS/PostCSS support)

Like hot reloading, but within Atom!

## Known issues:

* The codebase is a mess, based on atom-html-preview and only got time for minor refactoring atm, will get to that ([Issue #4](https://github.com/VictorBjelkholm/atom-react-preview/issues/4))

## Install:

### apm

```bash

apm install atom-react-preview

```

### Inside Atom:

Go to "Install Packages" and search for atom-react-preview

## Toggle React Preview ##

Press `CTRL-SHIFT-M` in the editor to open the preview pane.

## Thanks

Thanks to https://github.com/webBoxio/atom-html-preview which 90% of the code is coming from. It got me to understand how Atom packages works and served as a base for this package. Thanks @webBoxio!