Hiccup lists, keys, and laziness

Updated January 13, 2019

We explore how Reagent deals with lists of elements and how that interacts with React. We address some common warnings that come up when using lists and especially lazy lists.

Code is available: lispcast/understanding-re-frame

Code for this particular lesson is available at the 010 branch.

You can checkout the code in your local repo with this command:

$CMD git clone https://github.com/lispcast/understanding-re-frame.git 
$CMD cd understanding-re-frame
$CMD git checkout -f 010

Next Lesson:

Accessing DOM nodes

19 min

Sometimes we need to get a reference to the real DOM node that React normally manages for us. For instance, when we need to play an embedded video, the API requires access to the DOM node of the video element. React gives us a feature called Refs that let us get access to any DOM node it creates.

Want this course?

Hiccup lists, keys, and laziness

Accessing DOM nodes

Understanding Re-frame

Footer CTA

Get the newsletter for free