Deprecated and archived
We no longer use this, and it is no longer actively maintained.
import React from 'react'
import ReactDOM from 'react-dom'
import { Button } from 'snapweb-toolkit'
import 'snapweb-toolkit/lib/bundle.css'
ReactDOM.render(
<div>
<Button label='Button' />
</div>,
document.getElementById('root')
)Add the toolkit to your React project by adding snapweb-toolkit in your package.json dependencies field:
{
"dependencies": {
"snapweb-toolkit": "git://github.com/ubuntudesign/snapweb-toolkit.git#master"
}
}Import the toolkit CSS file:
import 'snapweb-toolkit/lib/bundle.css'Import the components you need:
import { Button } from 'snapweb-toolkit'To develop the toolkit as you use it, you need to use the npm link command.
Clone the toolkit somewhere on your system:
git clone git@github.com:ubuntudesign/snapweb-toolkit.gitLink it globally, so you can use this version from anywhere on your system:
cd snapweb-toolkit
npm linkLink it in your project:
cd <YOUR_PROJECT_FOLDER>
npm link snapweb-toolkitRun the watch script to recompile the changed files:
cd snapweb-toolkit
npm startIf you have a watch script in your project, launch it in another shell session, e.g.:
cd <YOUR_PROJECT_FOLDER>
npm startBy doing so, any change in the toolkit will trigger a rebuild, which will in turn trigger a rebuild in your own project.