ClojureScript Web App Tutorial Using Re-Frame and Http-Fx

Re-frame is an awesome tool for creating web applications using javascript.

The best thing about it to me is how easy it is to make reactive components that update when your app changes state as well as how the app maintains state while you develop it!

This video serves as a basic guide to getting started working with it as well as displaying data from an api call

[tuturuuuu-tmhf]

This was extremely helpful thank you! I hope you come back and make new Clojure vids soon. I recently started building a CLJ(S) project with re-frame and your vid + the re-frame docs helped me a lot!!!

[CalvaTV]

Another great video! And some Calva tips, as usual:

1) You should connect to the `:app` build REPL, not the `browser-repl`. (I should probably rename that.) Because you want Calva to be connected to the running app. Then you can redefine functions and stuff piece by piece, and also inspect the app from the editor. Try evaluating a re-frame subscription, for instance. Very powerful.
2) When you test threads, like you so excellently demonstrated, you can use ctrl+alt+enter to evaluate the thread up to the cursor. Nifty, if I may say so myself. 😀
3) I notice you still haven't gotten Paredit under your belt. It will amaze you.
4) This is more of wishlist thing. Would be cool if you demonstrated Calva's Getting Started REPL. I've done a video on it, but your tutorial style is superior to mine, so would be moar awesome.

[nigrogook]

I just started a new job with clojure/clojurescript and re-frame. Was panicking that it was hard to read but you broke it down super clean and easy. Totally love it!

[RepertoireSix]

Awesome! I wouldn't mind seeing some more of Re-frame, it was very interesting to watch.

[kitchenchem]

I do mostly lower level os related dev and have been tasked with making a dashboard for my company. This video was sooo helpful! Thank you!

[edwardciafardini]

I love Re-Frame && I love your channel

[LucasBatistussi]

Your channel is seriously underrated! Great content!

[RiddlerSA]

So nice and clear explanations. Awesome, Thank you!

[SebastianAnklamm]

Super great content you put up here. As always. Thanks. It's really helpful.

[branquinho]

Thank you for the video! Helped me a bunch

[bengtbaverman]

As a learner of Clojure it would be so good if the code was published in github or elsewhere for me to look at. Vidoe is great for learning, source code is great for reference. As always great content. Thanx!

[RonnyBeeeeee]

really nice Video. One remark i have to make. Your naming is a little bit command driven. For instance ::fetch-users should be an event and also named like an event. That means ::onXyButtonClick would be a better name.

[eugenej.]

Would be absolute killer to make a comparison video for Re-Frame alternatives like: "Reagent" "rum" "hoplon" "fulcro" (this one is a spaceship of frameworks but has pretty nice docs) I bet I forgot a bunch. This kind of video would be really helpful for beginners since we have a zoo of react wrappers. Also maybe cover "shadow-cljs" since it's beginner friendly and all the intros for it (on YT) have terrible sound :D

[eugenej.]

You probably can inline style with "garden" {:style ... } - from "Reagent". Covering "garden" as a css template language would be cool. Especially how it benefits from Clojure standard library/hot reaload.

[Frodohack]

Hey, thanks for the tutorial! I will use re-frame on the next project for sure.
Especially if maintain the state on hot-reload, Reagent doesn't have it and becomes much slower.
Can you tell me what vscode theme are you using? It seems fitting perfectly clj

[tm]

I am sorry. How did you run REPL from VsCode. I heard from your video by using "culver?" What were the hot keys you key in to activate the REPL? Are there any plugin I should install first? Thanks.

[emilheunecke]

Interesting. Would appreciate a video on adding React Native as a build target.

[dayumnson]

sorry in advance for the perhaps dumb questions. Great video, man!

1) It looks like storing all the @click etc. events in one state seems to be ending up with a reallly large file (when we have 20 pages or somethign like that?)

2) I come from vue and am used to components. Is this possibke with reframe? You meantioned it uses react, so it sounds like it should be?

3) why is the state management called db and not something like state? Thats somewhat weird to me

4) you applied the windicss/tailwindcss approach for styling, I guess I can integrate one of them into my projects?

thanks in advance, if someone answers any of these.

[xaapt]

we need a tutorial on how to use re-frame-10x plugin!!

[xshadx]

What are the advantages of using clojurescript in comparison to just JS ? it seems to me that is a lot more code to write just for an api call compared to JS. Do i miss something? don't get me wrong is a cool language, but in the real world, there are advantages?