Search icon CANCEL
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Conferences
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
The Clojure Workshop

You're reading from   The Clojure Workshop Use functional programming to build data-centric applications with Clojure and ClojureScript

Arrow left icon
Product type Paperback
Published in Jan 2020
Publisher Packt
ISBN-13 9781838825485
Length 800 pages
Edition 1st Edition
Languages
Arrow right icon
Authors (5):
Arrow left icon
Konrad Szydlo Konrad Szydlo
Author Profile Icon Konrad Szydlo
Konrad Szydlo
Yehonathan Sharvit Yehonathan Sharvit
Author Profile Icon Yehonathan Sharvit
Yehonathan Sharvit
Scott McCaughie Scott McCaughie
Author Profile Icon Scott McCaughie
Scott McCaughie
Thomas Haratyk Thomas Haratyk
Author Profile Icon Thomas Haratyk
Thomas Haratyk
Joseph Fahey Joseph Fahey
Author Profile Icon Joseph Fahey
Joseph Fahey
+1 more Show less
Arrow right icon
View More author details
Toc

Table of Contents (17) Chapters Close

Preface 1. Hello REPL! 2. Data Types and Immutability FREE CHAPTER 3. Functions in Depth 4. Mapping and Filtering 5. Many to One: Reducing 6. Recursion and Looping 7. Recursion II: Lazy Sequences 8. Namespaces, Libraries and Leiningen 9. Host Platform Interoperability with Java and JavaScript 10. Testing 11. Macros 12. Concurrency 13. Database Interaction and the Application Layer 14. HTTP with Ring 15. The Frontend: A ClojureScript UI Appendix

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...
lock icon The rest of the chapter is locked
arrow left Previous Section
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at AU $24.99/month. Cancel anytime