Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

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.