Book Image

The Clojure Workshop

By : Joseph Fahey, Thomas Haratyk, Scott McCaughie, Yehonathan Sharvit, Konrad Szydlo
Book Image

The Clojure Workshop

By: Joseph Fahey, Thomas Haratyk, Scott McCaughie, Yehonathan Sharvit, Konrad Szydlo

Overview of this book

The Clojure Workshop is a step-by-step guide to Clojure and ClojureScript, designed to quickly get you up and running as a confident, knowledgeable developer. Because of the functional nature of the language, Clojure programming is quite different to what many developers will have experienced. As hosted languages, Clojure and ClojureScript can also be daunting for newcomers because of complexities in the tooling and the challenge of interacting with the host platforms. To help you overcome these barriers, this book adopts a practical approach. Every chapter is centered around building something. As you progress through the book, you will progressively develop the 'muscle memory' that will make you a productive Clojure programmer, and help you see the world through the concepts of functional programming. You will also gain familiarity with common idioms and patterns, as well as exposure to some of the most widely used libraries. Unlike many Clojure books, this Workshop will include significant coverage of both Clojure and ClojureScript. This makes it useful no matter your goal or preferred platform, and provides a fresh perspective on the hosted nature of the language. By the end of this book, you'll have the knowledge, skills and confidence to creatively tackle your own ambitious projects with Clojure and ClojureScript.
Table of Contents (17 chapters)
Free Chapter
2
2. Data Types and Immutability

15. The Frontend: A ClojureScript UI

Activity 15.01: Displaying a Grid of Images from the Internet

Solution:

  1. At the command-line prompt, create a new Figwheel project using the following Leiningen command:
    lein new figwheel packt-clj.images -- --reagent
  2. Move to the packt-clj.images/ directory and type:
    lein figwheel

    After a few seconds, your browser should open to the default Figwheel page:

    Figure 15.8: A fresh ClojureScript project waiting for your code

  3. Open the src/packt_clj/images/core.cljs file in your preferred editor and modify the code:
    (ns packt-clj.images.core
        (:require [reagent.core :as r]))
  4. The commonly used alias for Reagent is r instead of Reagent:
    (defonce app-state (r/atom {:images []
                                           :author-display true...