• Packages
  • Themes
  • Documentation
  • Blog
  • Discuss
Sign in

atom-react-preview

Preview your React components directly in Atom
VictorBjelkholm
2.0.0 15,059
15
  • Repo
  • Bugs
  • Versions
  • License
Flag as spam or malicious

Atom React Preview - Github - Atom.io

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

Atom React Preview

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:

  • Doesn't load correctly when reloading window (opening/closing the panel solves this problem) (Issue #3)
  • The codebase is a mess, based on atom-html-preview and only got time for minor refactoring atm, will get to that (Issue #4)

Install:

apm

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!

I think this package is bad news.

Good catch. Let us know what about this package looks wrong to you, and we'll investigate right away.

  • Terms of Use
  • Privacy
  • Code of Conduct
  • Releases
  • FAQ
  • Contact
with by