Skip to content

An implementation of the classic TODO MVC application using ClojureScript, Reagent, React and Microsoft Fluent UI

License

Notifications You must be signed in to change notification settings

dfuenzalida/fabric-todos

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

43 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Fabric TODOs

An implementation of the classical TODO MVC application using ClojureScript, Reagent, React and Microsoft Fluent UI.

Based on the UI Fabric component library demo from the Microsoft Frontend Bootcamp.

Requirements

Screenshot

fabric-todos

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

About

An implementation of the classic TODO MVC application using ClojureScript, Reagent, React and Microsoft Fluent UI

Topics

Resources

License

Stars

Watchers

Forks