Skip to content

Commit

Permalink
Release 3.0.0 - React 16 compatiblity
Browse files Browse the repository at this point in the history
  • Loading branch information
furqanZafar committed Jul 29, 2017
1 parent f9fdda2 commit fe11824
Show file tree
Hide file tree
Showing 29 changed files with 7,687 additions and 146 deletions.
2 changes: 1 addition & 1 deletion .travis.yml
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
language: node_js
node_js:
- "0.10"
- "8.2.1"
before script:
- npm install -g gulp
script:
Expand Down
3 changes: 3 additions & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,8 @@
# React Selectize

## 3.0.0 / 29th July 2017
* support for React 16 & node 8.2.1 thanks @elisherer

## 2.1.0 / 1st December 2016
* added `on-blur-resets-input` thanks @dcalhoun

Expand Down
34 changes: 26 additions & 8 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ styles & features inspired by [React Select](http://jedwatson.github.io/react-se

[![](http://i.imgsafe.co/rQmogzn.gif)](http://furqanZafar.github.io/react-selectize/)

- [Changelog](CHANGELOG.md) (last updated on 1st December 2016)
- [Changelog](CHANGELOG.md) (last updated on 29th July 2017)
- [API Reference](API.md)

# Motivation
Expand Down Expand Up @@ -51,27 +51,45 @@ to include the default styles add the following import statement to your stylus
`@import 'node_modules/react-selectize/themes/index.css'`

* **bower:**
`bower install https://npmcdn.com/react-selectize@2.1.0/bower.zip`
`bower install https://unpkg.com/react-selectize@3.0.0/bower.zip`

* **1998 script tag:**
```html
<html>
<head>
<!-- PRELUDE -->
<script src="http://www.preludels.com/prelude-browser-min.js" type="text/javascript" ></script>
<script src="https://npmcdn.com/[email protected]/dist/index.min.js" type="text/javascript" ></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.7/react-with-addons.min.js" type="text/javascript" ></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.7/react-dom.min.js" type="text/javascript" ></script>
<script src="https://unpkg.com/[email protected]/dist/index.min.js" type="text/javascript" ></script>

<!-- REACT -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/react/15.6.1/react-with-addons.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/react/15.6.1/react-dom.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/[email protected]"></script>

<!-- optional dependency (only required with using the tether prop) -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.1.1/js/tether.min.js" type="text/javascript" ></script>

<!-- REACT SELECTIZE -->
<script src="https://npmcdn.com/react-selectize@2.1.0/dist/index.min.js" type="text/javascript" ></script>
<script src="https://unpkg.com/react-selectize@3.0.0/dist/index.min.js" type="text/javascript" ></script>

<!-- THEMES (default, bootstrap3, material) -->
<link rel="stylesheet" href="https://npmcdn.com/react-selectize@2.1.0/dist/index.min.css"/>
<link rel="stylesheet" href="https://unpkg.com/react-selectize@3.0.0/dist/index.min.css"/>

</head>
<body>
<div id="mount-node"></div>
<script type="text/javascript">
ReactDOM.render(
React.createElement(reactSelectize.SimpleSelect, {
style: {width: 300},
tether: true,
placeholder: "Select fruit",
options: [{label: "apple", value: "apple"}, {label: "banana", value: "banana"}]
}),
document.getElementById("mount-node")
);
</script>
</body>
</html>
```

Expand Down Expand Up @@ -168,7 +186,7 @@ the `uid` function is used internally for performance optimization.

## Development
* `npm install`
* `gulp`
* `npm start`
* visit `localhost:8000`
* `npm test` , `npm run coverage` for unit tests & coverage
* for production build/test run `MINIFY=true gulp`
3 changes: 2 additions & 1 deletion gulpfile.ls
Original file line number Diff line number Diff line change
Expand Up @@ -104,7 +104,8 @@ create-standalone-build = (minify, {file, directory}) ->
.exclude \prelude-extension
.exclude \react
.exclude \react-dom
.exclude \react-transition-group
.exclude \react-dom-factories
.exclude \react-transition-group/CSSTransitionGroup
.exclude \tether
.transform browserify-shim
.bundle!
Expand Down
Loading

0 comments on commit fe11824

Please sign in to comment.