Building Tic Tac Toe in ClojureScript (Reagent/Figwheel)

[@asdawece]

at 06:39 the line behind Timothy's head: (prn (swap! app-state update-in [:board j i] inc) thank you for great tutorial definitely best tutorial about clojurescript for starters

[@BritainRitten]

Thanks for the video! Unfortunately the bottom right of the editor is blocked by the video of (I assume) Timothy. Can you post what the :on-click function read at around 6:30? Is it something like this? (swap! app-state update-in [:board i j] inc)

[@timothypratley]

+BritainRitten Hi BritainRitten, Yes you are correct. One small thing though; j before i, so: (swap! app-state update-in [:board j i] inc) The reason being that for a nested vector: [[0 0 0] [0 0 0] [0 0 0]] The first dimension is the row (y or j), and the second dimension is the column(x or i). Of course you can do it the other way, so long as you are consistent with the other places where update/reads are made :) Thank you for commenting.

[@LauBJensen]

Fantastic job on this video Timothy! Love the finishing touch of uploading to Github and looking forward to seeing more from you!

[@timothypratley]

Thank you Lau :)

[@codeasone]

First class. The highest S/N I've seen from a video of this kind. Excellent detail level and pacing.

[@timothypratley]

Thank you very much Mark :)

[@jackdbd]

I really like the approach of using a viewbox of "0 0 3 3" for the container SVG

[@jblistener7491]

This is excellent! I hope you get a chance to do more of these videos in the future! :)

[@timothypratley]

+jb listener Thankyou for the encouragement

[@SaMusz73]

Great demo of clojurescript. It feels the complication comes more from the svg syntax than clojure itself. Some vec of vec seems somewhat an overkill for a tictactoe game as this is such a small matrix it could also have been modelled as a simple list. Winning conditions would have been a bit different sure. Thanks a lot for showing the complete process up to the gh-page branch publishing. Neat !

[@dryanwarrener]

I cannot seem to compile my project using lein figwheel as it just fails. I have followed the stesp but I get this error: stackoverflow.com/questions/65263325/cannot-get-leiningen-commands-to-work-with-figwheel

[@eddy147Tennis]

Great video. Great narratar. Would you mind sharing your editor setup?

[@timothypratley]

Hi Eddy, thank you! In this video I am using emacs. I've written a little about my emacs setup here: timothypratley.blogspot.com/2015/07/seven-specialty-emacs-settings-with-big.html. There are links to the complete setup files in the article, but I have not updated my emacs setup in a very long time, so I don't recommend using them directly. Lately I mostly use IntelliJ IDEA with the Cursive Clojure plugin more often than emacs because there are less key combinations to remember.

[@change3920]

Excellent tutorial. Thank you.

[@timothypratley]

Thank you :)

[@jimar]

Hi Tim, noob here. I typed this in and this doesn't work? $ lein new figwheel tictactoe -- --reagent Unrecognized option: -- . Should be one of --om --reagent Continuing with just: lein new figwheel tictactoe --reagent // cd tictactoe // lein figwheel I get, java.io.FileNotFoundException: Could not locate cljs/analyzer__init.class or cljs/analyzer.clj on classpath:

[@timothypratley]

+Jimar Miller Hi Jimar, I suspect the problem is the version of Leiningen. For reference I am using 2.5.3 $ lein --version Leiningen 2.5.3 What version are you on? Perhaps try updating if you are on an older version (lein upgrade if you installed manually). When I copy pasted your line it worked well, so I hope it is just a version thing... please let me know if not. If you want to skip that step you can also copy the project.clj and index.html from github.com/timothypratley/reanimated/

[@zanzimihejevs650]

great vid, was fun to watch!

[@timothypratley]

+Zans Tangle Thankyou :)

[@Zolton0111]

Great job! Thanks a lot!

[@indeecjo]

Thats awesome. Needs so much more love.

[@govind_lahoti]

Awesome. Thanks a lot

[@teckyify]

I must say this convinced me how complicated the clojure code is to read and sometimes unnecessarily complicated to write than, for example, JavaScript.

[@FellshardYT]

Learning to read a lisp may take a little time, but becomes second-nature before long. The complexity in Clojurescript comes solely from the domain you're working with, unlike Javascript, which is entangled in the complexities it makes for itself as a language.

[@timothypratley]

Thank you for the feedback. Many people have the same reaction. My goal was to show how quickly you can get a project started, how concise, powerful, flexible and interactive developing in ClojureScript is, and how fast you can build interesting things, and deploy them. Hopefully I was able to show a taste of that and inspire some people to give it a try. At this pace it should seem like there is a lot going on, because well... there is :) If you found aspects of my video distracting or requiring more information, I'd love to learn and improve on them for next time. Learning a new programming language is not a small thing, so some serious motivation is required to convince people of ClojureScript's merits. Derek Slager does a great job of this in his video here: kzbin.info/www/bejne/naTJl5prrd15h6s Rich Hickey's talk kzbin.info/www/bejne/jITHn316hJKrmsk gives a very precise definition of why Clojure is a simple language, and contrasts it directly with Java in many places. Clojure is a really good language for new programmers to learn because at its heart, it is very simple and regular. Logo (also known as turtle) was designed to teach programming, and is a lisp (like Clojure). This video has more details: kzbin.info/www/bejne/ZpeuoXqvZ7aog68 I hope some of these can convince you that Clojure is worth the effort, as I certainly have found that it is for me.

[@bichitomax]

Muy bueno!

[@indeecjo]

Hi thanks for the guide. I created a version following your guide with tiny little bit of logic on github.com/motiko/cljs-ttt Plan to improve until its unbeatable (shouldn't be too hard and a good practice). Thanks again its awesome.

[@timothypratley]

cool :) I like the trash talking computer responses :)