https://github.com/scalablytyped/scalajsreactdemos
https://github.com/scalablytyped/scalajsreactdemos
Last synced: 9 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/scalablytyped/scalajsreactdemos
- Owner: ScalablyTyped
- License: mit
- Created: 2020-07-10T12:08:29.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2024-01-28T18:20:21.000Z (over 2 years ago)
- Last Synced: 2025-09-03T08:39:35.209Z (10 months ago)
- Language: Scala
- Size: 39 MB
- Stars: 14
- Watchers: 3
- Forks: 6
- Open Issues: 2
-
Metadata Files:
- Readme: readme.md
- License: LICENSE
Awesome Lists containing this project
README
# Demos for ScalablyTyped with Scalajs-React flavour
This is a collection of tiny demo projects to show off how we can use react libraries with Scalajs-react with typings generated from ScalablyTyped
## Browser demos
### react-mobx
[Demo](https://scalablytyped.github.io/ScalaJsReactDemos/react-mobx/)
`sbt> react-mobx/start` starts a webpack-dev-server at http://localhost:8001 .
### react-slick
[Demo](https://scalablytyped.github.io/ScalaJsReactDemos/react-slick/)
`sbt> react-slick/start` starts a webpack-dev-server at http://localhost:8002 .
### react-big-calendar
[Demo](https://scalablytyped.github.io/ScalaJsReactDemos/react-big-calendar/)
`sbt> react-big-calendar/start` starts a webpack-dev-server at http://localhost:8003 .
### semantic-ui-react-kitchensink
[Demo](https://scalablytyped.github.io/ScalaJsReactDemos/semantic-ui-react-kitchensink/)
`sbt> semantic-ui-react-kitchensink/start` starts a webpack-dev-server at http://localhost:8004 .
### antd
[Demo](https://scalablytyped.github.io/ScalaJsReactDemos/antd/)
`sbt> antd/start` starts a webpack-dev-server at http://localhost:8006 .
### react-router-dom
[Demo](https://scalablytyped.github.io/ScalaJsReactDemos/react-router-dom/)
`sbt> react-router-dom/start` starts a webpack-dev-server at http://localhost:8007 .
### material-ui
[Demo](https://scalablytyped.github.io/ScalaJsReactDemos/material-ui/)
`sbt> material-ui/start` starts a webpack-dev-server at http://localhost:8008 .
### react-leaflet
[Demo](https://scalablytyped.github.io/ScalaJsReactDemos/react-leaflet/)
`sbt> react-leaflet/start` starts a webpack-dev-server at http://localhost:8009 .
### office-ui-fabric-react
[Demo](https://scalablytyped.github.io/ScalaJsReactDemos/office-ui-fabric-react/)
`sbt> office-ui-fabric-react/start` starts a webpack-dev-server at http://localhost:8010 .
### react-dnd
[Demo](https://scalablytyped.github.io/ScalaJsReactDemos/react-dnd/)
`sbt> react-dnd/start` starts a webpack-dev-server at http://localhost:8011 .
### react-i18next
[Demo](https://scalablytyped.github.io/ScalaJsReactDemos/react-i18n/)
`sbt> react-i18n/start` starts a webpack-dev-server at http://localhost:8012 .
### @nivo/line
[Demo](https://scalablytyped.github.io/ScalaJsReactDemos/nivo/)
`sbt> nivo/start` starts a webpack-dev-server at http://localhost:8013 .
### downshift
[Demo](https://scalablytyped.github.io/ScalaJsReactDemos/downshift/)
`sbt> downshift/start` starts a webpack-dev-server at http://localhost:8014 .
### react-redux
[Demo](https://scalablytyped.github.io/ScalaJsReactDemos/react-redux/)
`sbt> react-redux/start` starts a webpack-dev-server at http://localhost:8015 .
### react-window
[Demo](https://scalablytyped.github.io/ScalaJsReactDemos/react-window/)
`sbt> react-window/start` starts a webpack-dev-server at http://localhost:8016 .
### react-markdown
[Demo](https://scalablytyped.github.io/ScalaJsReactDemos/react-markdown/)
`sbt> react-markdown/start` starts a webpack-dev-server at http://localhost:8017 .
## React-native
[Expo demo you can run on your phone](https://expo.io/@scalablytyped/scalably-typed-react-native) (slinky version is deployed there)
To run this you'll need to follow the
[Setting up the development environment](https://reactnative.dev/docs/environment-setup)
for react-native.
When you have an emulator running, you can start the demo like this:
```
sbt>react-native/run
```