https://github.com/jide/react-playground

Live editing React components from Atom.
https://github.com/jide/react-playground

Last synced: about 1 month ago
JSON representation

Live editing React components from Atom.

• Host: GitHub
• URL: https://github.com/jide/react-playground
• Owner: jide
• License: mit
• Created: 2015-10-13T14:04:48.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2015-10-14T07:37:01.000Z (about 9 years ago)
• Last Synced: 2024-10-17T22:52:11.582Z (about 2 months ago)
• Language: CoffeeScript
• Size: 150 KB
• Stars: 3
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
## react-playground-package package

### Install

If you want to customize the webpack config, create a playground.config.js file

at the root of your project and export a function like this :

```js

module.exports = function(config, webpack) {

  // Alter config, inject webpack plugins...

  return config;

}

```

### Usage

In your project, any folder containing a .playground.js file will then be

possible to live preview.

Toggle the pane using "Atom React Playground: Toggle"

command.

A .playground.js file might look like this :

```js

import React from 'react';

import MyComponent from './index';

React.render(, document.getElementById('root'));

```

### Options

You can change the webpack port in the package options. By default the port is

8612.

### Browser

And if you want to look deeper, open a browser at http://localhost:8612.