https://github.com/slice/racket
mini dev server for javascript
https://github.com/slice/racket
Last synced: 3 months ago
JSON representation
mini dev server for javascript
- Host: GitHub
- URL: https://github.com/slice/racket
- Owner: slice
- License: mit
- Created: 2018-08-14T05:15:24.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2018-08-14T17:17:41.000Z (over 7 years ago)
- Last Synced: 2025-01-21T16:23:53.819Z (about 1 year ago)
- Language: JavaScript
- Homepage:
- Size: 65.4 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# racket
play with javascript in your browser with no friction
```sh
$ npm i -g slice/racket
```
## description
racket is a small tool that wraps around webpack and webpack-serve, letting you
quickly test javascript in the browser without having to set things up.
racket isn't designed to build production apps, though. no code compiling is
done other than `import`/`export` resolving via webpack and jsx transformations,
so make sure you have a modern browser while using racket.
think of racket like a really really small create-react-app, with no scaffolding
required.
## features
- automatic page reloading
- automatic transpilation
- **es2015 and other language features that your browser already supports
aren't transpiled**
- but what is transpiled?
- import/export
- react jsx and fragments
- no scaffolding required
## getting started
create `index.js`:
```js
import React from 'react'
import ReactDOM from 'react-dom'
const node = (
beep boop!
)
// an automatically available
const mountNode = document.getElementById('mount')
ReactDOM.render(node, mountNode)
```
install your deps locally:
```sh
$ npm i react react-dom
```
and boot up the dev server:
```sh
$ racket
ℹ ｢hot｣: webpack: Compiling...
ℹ ｢serve｣: Project is running at http://localhost:8080
```