https://github.com/dfuenzalida/fabric-todos
An implementation of the classic TODO MVC application using ClojureScript, Reagent, React and Microsoft Fluent UI
https://github.com/dfuenzalida/fabric-todos
clojurescript fluent-ui react reagent
Last synced: 10 months ago
JSON representation
An implementation of the classic TODO MVC application using ClojureScript, Reagent, React and Microsoft Fluent UI
- Host: GitHub
- URL: https://github.com/dfuenzalida/fabric-todos
- Owner: dfuenzalida
- License: mit
- Created: 2019-05-28T05:49:10.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2022-01-23T03:55:04.000Z (over 4 years ago)
- Last Synced: 2025-06-11T16:43:03.500Z (about 1 year ago)
- Topics: clojurescript, fluent-ui, react, reagent
- Language: Clojure
- Homepage:
- Size: 28.3 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Fabric TODOs
An implementation of the classical TODO MVC application using ClojureScript, [Reagent](http://reagent-project.github.io/), React and [Microsoft Fluent UI](https://fluent-ui.com).
Based on the UI Fabric component library demo from the Microsoft [Frontend Bootcamp](https://microsoft.github.io/frontend-bootcamp/step2-02/demo/).
### Requirements
* [Java](https://adoptopenjdk.net/)
* [NodeJS](https://nodejs.org/)
* [Shadow-cljs](https://shadow-cljs.org/)
* [Yarn](https://yarnpkg.com/)
### Screenshot
### Development mode
Navigate to the project folder and run the following commands in the terminal.
To download the NodeJS dependencies run:
```
yarn install
```
Copy the static HTML file to the target folder with:
```
yarn html
```
To start the compiler in watch mode:
```
yarn watch
```
Shadow-cljs will automatically push cljs changes to the browser.
Once the ClojureScript code is compiled, visit http://localhost:8080/
### REPL
On watch mode a nREPL will be started on port 37117:
```
$ yarn watch
yarn run v1.22.10
$ shadow-cljs watch app
shadow-cljs - config: /home/denis/Projects/ClojureScript/fabric-todos/shadow-cljs.edn
shadow-cljs - HTTP server available at http://localhost:8080
shadow-cljs - server version: 2.11.7 running at http://localhost:9630
shadow-cljs - nREPL server started on port 37117
shadow-cljs - watching build :app
```
Once you connect to the nREPL, you can run functions from the REPL, like the following bit to create a new TODO:
```
(ns fabric-todos.state) ;; Change to the namespace where 'add-todo' is defined
(add-todo "This task was created from the REPL")
```
You should see the new task created at the end of the list.
### License
MIT