https://github.com/mukeshsoni/rollick

Like codepen, but for react components
https://github.com/mukeshsoni/rollick

codepen playground react

Last synced: 10 months ago
JSON representation

Like codepen, but for react components

• Host: GitHub
• URL: https://github.com/mukeshsoni/rollick
• Owner: mukeshsoni
• Created: 2017-08-26T12:48:19.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2019-10-21T23:17:09.000Z (about 6 years ago)
• Last Synced: 2025-01-22T00:34:02.524Z (12 months ago)
• Topics: codepen, playground, react
• Language: JavaScript
• Homepage:
• Size: 782 KB
• Stars: 1
• Watchers: 2
• Forks: 1
• Open Issues: 10
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
### How to try it out

```

$ npm i

$ npm run build

$ node server.js

```

If you want to try it on any other project with components, you will need a rollick config file - name `rollick.config.js`. It looks like this

```

module.exports = {

    componentsPath: 'src/components',

    jspm: {

        paths: {

            lodash: '/node_modules/lodash/index.js',

            'lodash.words': '/node_modules/lodash.words/index.js',

            jquery: '/node_modules/jquery/dist/jquery.min.js',

            moment: '/node_modules/moment/min/moment-with-langs.min.js',

            bluebird: '/node_modules/bluebird/js/browser/bluebird.min.js'

        }

    },

    globals: {

        css: {

            urls: '/path/to/global.css'

        }

    },

    server: {

      paths: {

          'fonts': 'path/to/fontsfile'

      },

    }

}

```

And then run the following commands - 

```

$ npm i rollick -g

$ rollick install

$ rollick start --port 5005

```

This should start a localhost server on port 4001 and will serve the tool on