Skip to content

Commit

Permalink
v0.4.0
Browse files Browse the repository at this point in the history
  • Loading branch information
jessy1092 committed Nov 22, 2015
1 parent 99bb7e3 commit 5f12158
Show file tree
Hide file tree
Showing 5 changed files with 2,094 additions and 1,762 deletions.
29 changes: 16 additions & 13 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ Integrate Semantic-ui with react components. It depends on Semantic-UI and helps

| | React = 0.12 | React = 0.13.* | React = 0.14.* |
| ------- | ------------ | -------------- | -------------- |
| Version | <= 0.2 | 0.3.* | 0.4.* (Comming)|
| Version | <= 0.2 | 0.3.* | 0.4.* |

## Usage

Expand All @@ -24,13 +24,15 @@ And then include in your html.
You should include dependency.
- jQuery
- Semantic-Ui
- React with Addons
- JSXTransformer (If you write jsx in browser.)
- React
- ReactDOM
- Babel (If you write jsx in browser.)

Ex. Write a simple button in browser.
```html
<script src="//cdnjs.cloudflare.com/ajax/libs/react/0.12.1/react-with-addons.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/react/0.12.1/JSXTransformer.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/react/0.14.3/react-dom.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/react/0.14.3/react.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/babel-core/6.1.19/browser.min.js"></script>
<script src="http://code.jquery.com/jquery-1.10.0.min.js"></script>
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/1.2.0/semantic.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/1.2.0/semantic.min.js"></script>
Expand All @@ -39,10 +41,10 @@ Ex. Write a simple button in browser.

```js
<div id="content"></div>
<script type="text/jsx">
var Button = Semantify.Button;
<script type="text/babel">
let Button = Semantify.Button;

var HelloBox = React.createClass({
let HelloBox = React.createClass({

_onClick: function () {
console.log('hello world!');
Expand All @@ -57,7 +59,7 @@ Ex. Write a simple button in browser.
}
});

React.render(
ReactDOM.render(
<HelloBox />,
document.getElementById('content')
);
Expand All @@ -72,10 +74,11 @@ npm install react-semantify

Ex.
```js
var React = require('react');
var Button = require('react-semantify').Button;
import React from 'react';
import ReactDOM from 'react-dom';
let Button = require('react-semantify').Button;

var HelloBox = React.createClass({
let HelloBox = React.createClass({

_onClick: function () {
console.log('hello world!');
Expand All @@ -90,7 +93,7 @@ var HelloBox = React.createClass({
}
});

React.render(
ReactDOM.render(
<HelloBox />,
document.getElementById('content')
);
Expand Down
7 changes: 5 additions & 2 deletions RELEASE-NOTES.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,8 @@
Release Notes
=============
<a name="0.4.0"></a>
# [0.4.0](//compare/v0.3.2...v0.4.0) (2015-11-22)

- Support React 0.14.*


## Version 0.3.2 - 2015/11/13

Expand Down
Loading

0 comments on commit 5f12158

Please sign in to comment.