https://github.com/ezmiller/react-workshop

A workspace for developing React components in a modular way.
https://github.com/ezmiller/react-workshop

Last synced: about 7 hours ago
JSON representation

A workspace for developing React components in a modular way.

• Host: GitHub
• URL: https://github.com/ezmiller/react-workshop
• Owner: ezmiller
• Created: 2015-03-08T10:33:49.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2015-07-24T16:59:34.000Z (over 9 years ago)
• Last Synced: 2024-05-01T21:34:57.716Z (7 months ago)
• Language: JavaScript
• Size: 301 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: Readme.md

Awesome Lists containing this project

README

        
react-workshop

==============

A workspace for developing React components using Browserify/CommonJS.

## Install

```

npm install

```

## Add components

### Steps

1. Add components and component files in `src/components`.

2. For the moment, it is necessary to manually add the components main file to the Gruntfile in order to create a bundle.    

		```

		browserify: {

			build: {

				files: {

					'build/main.js': ['src/main.jsx'],

					'build/components/helloworld/helloworld.js': ['src/components/helloworld/helloworld.jsx'],

					// Add something like ^^^^^ here.

				},

				options: {

					transform: ['reactify'],

					watch: true

				}

			}

		},

		```

3. (optional) Add a link to the html file that loads the component to src/index.html.