https://github.com/ghivert/re-frame-template
Re-frame template with CSS Modules and secretary.
https://github.com/ghivert/re-frame-template
clojurescript css-modules re-frame shadow-cljs template
Last synced: about 1 month ago
JSON representation
Re-frame template with CSS Modules and secretary.
- Host: GitHub
- URL: https://github.com/ghivert/re-frame-template
- Owner: ghivert
- Created: 2020-01-02T18:27:42.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2020-04-01T08:51:59.000Z (about 5 years ago)
- Last Synced: 2025-02-15T14:47:50.824Z (3 months ago)
- Topics: clojurescript, css-modules, re-frame, shadow-cljs, template
- Language: Clojure
- Homepage:
- Size: 198 KB
- Stars: 1
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Re-Frame Template
This repo aims to provide a simple, classic re-frame template for ClojureScript.
# Getting Started
## Cloning the repo
```bash
git clone [email protected]:ghivert/re-frame-template.git my-app
cd my-app
rm -rf .git
git init
```
## Starting the app
```bash
yarn
yarn dev
```
You can go to [`http://localhost:7070`](http://localhost:7070).
Then, you'll have to rename the template name. `re_frame_template` should become
`my_app` and `re-frame-template` should become `my-app`.
# CSS Modules
This template uses [`modular-styles`](https://github.com/ghivert/modular-styles)
to compute the CSS. Please run `yarn dev` to see what’s happening.
To give an example, let’s take the following CSS:
```css
/* File.css */
.test {
color: red;
}
```
When compiled, a ClojureScript file will be emitted.
```clojure
(ns re-frame-template.styles.file)
(def test "__test_xed87")
```
You can then use it in your code to get the correct classes names !