Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/chandu0101/material-ui-scalajs-react
It's a ScalaJS wrapper of http://material-ui.com for use with https://github.com/japgolly/scalajs-react
https://github.com/chandu0101/material-ui-scalajs-react
Last synced: 25 days ago
JSON representation
It's a ScalaJS wrapper of http://material-ui.com for use with https://github.com/japgolly/scalajs-react
- Host: GitHub
- URL: https://github.com/chandu0101/material-ui-scalajs-react
- Owner: chandu0101
- License: apache-2.0
- Created: 2015-06-10T22:17:48.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2015-06-10T12:09:45.000Z (over 9 years ago)
- Last Synced: 2024-10-15T08:45:53.543Z (2 months ago)
- Language: JavaScript
- Homepage:
- Size: 767 KB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## What's this?
It's a ScalaJS wrapper of [material-ui.com](http://material-ui.com) for use with [scalajs-react](https://github.com/japgolly/scalajs-react)
[Demo Site](http://wav.github.io/material-ui-scalajs-react/classes/index.html)
## Status
At this stage, this is an experiment (low priority).
#### Approach
Use wrappers.
- Define some typings for the mui library
- Define classes that represent react props based on the mui docs
- Define interfaces for the mounted representation mui components based on the mui docs
- Provide a component builder to integrate with scalajs-react## Usage
Reference this project in your build and use it's resources.
Bootstraping the application: [material-ui-app.html](src/main/resources/material-ui-app.html)
See the [example build](example) and the [sampler](sampler/src/main/scala/wav/web/muiwrapper/sampler/)
Open the sampler in the browser with `sbt sampler` or `sbt sampler http`.
## Caveats
- `scalajs-react` currently doesn't have a way to define a react context. A fork is used as a hack.
- The react bundle (prepared with browserify) in this project must be used.