https://github.com/yannickdot/playground-purescript-react-basic

https://github.com/yannickdot/playground-purescript-react-basic

Last synced: about 6 hours ago
JSON representation

• Host: GitHub
• URL: https://github.com/yannickdot/playground-purescript-react-basic
• Owner: YannickDot
• Created: 2019-09-01T22:22:43.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-04T08:42:10.000Z (almost 2 years ago)
• Last Synced: 2024-04-18T12:56:16.372Z (7 months ago)
• Language: PureScript
• Size: 793 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 13
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# playground-purescript-react-basic

I blocked a few days to learn [lumihq/purescript-react-basic](https://github.com/lumihq/purescript-react-basic).

I made a few components to explore some things I do really often with React in JS :

- Inputs and Buttons

- Timers

- Network requests + parse JSON

- Rendering lists

It was a really pleasant experience !

Next step : try [spicydonuts/purescript-react-basic-hooks](https://github.com/spicydonuts/purescript-react-basic-hooks) and [dwhitney/purescript-react-basic-native](https://github.com/dwhitney/purescript-react-basic-native)

## Install

Install project dependencies

```

> yarn install

```

Build PureScript project

```

> yarn build

```

## Run

Start dev server

```

> yarn start

```

To use hot-reload, you need to use `purs ide` with your editor so that it recompiles your PureScript code on save :

- Plugin for VScode : [https://github.com/nwolverson/vscode-ide-purescript](https://github.com/nwolverson/vscode-ide-purescript)

- Plugin for Atom : [https://atom.io/packages/ide-purescript](https://atom.io/packages/ide-purescript)