Add README

thiagooak · Aug 27, 2024 · 81f449c · 81f449c
1 parent ad250f6
commit 81f449c
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 0 deletions.
diff --git a/README.md b/README.md
@@ -0,0 +1,23 @@
+# React Interactive ClojureScript
+
+Displays highlighted ClojureScript that can be run in the browser
+
+Uses [react-syntax-highlighter](https://github.com/react-syntax-highlighter/react-syntax-highlighter) and [eval-cljs](https://github.com/thiagooak/eval-cljs)
+
+```sh
+npm i react-interactive-cljs
+```
+
+```js
+"use client"
+import { CljsCodeBlock } from "react-interactive-cljs"
+
+<CljsCodeBlock>{`(println "Hello")
+(+ 2 2)`}</CljsCodeBlock>
+```
+
+The code above will render like the image below
+![](before.png)
+
+After clicking the "Run" button it will render like the image below
+![](after.png)
diff --git a/after.png b/after.png
diff --git a/before.png b/before.png