Component Re-rendering

Subscribe to a paid plan to get instant access to this course.

Video time: 15m21s

PREVIOUS

NEXT

Want this course?

Component Re-rendering

Course: Understanding Re-frame

Updated February 11, 2019

We need to understand re-rendering in order to control our GUIs. But instead of learning a list of rules, it's better to learn how to uncover what is rendering and why.

Buy this course or register for a membership to view the code.

Next Lesson

6 min

Embedding strings of HTML

Sometimes you have a string filled with HTML and you want that HTML to show up in a component. This is sometimes unsafe (if the HTML was written by a user) but sometimes it's not (if you controlled the HTML generation). Don't do it if it's unsafe, but in this lesson, we look at how to embed that HTML directly in the component.

Course: Understanding Re-frame

0 / 37

0 / 37

Lessons

Re-frame Stack Overview

Reagent components

Basic HTML with Hiccup

Hiccup true, false, and nil Attributes

Hiccup Style Attributes

Hiccup class Pattern

Hiccup id and class Shortcuts

Hiccup Nested Tag Shortcut

Hiccup and subcomponents

Hiccup lists, keys, and laziness

Accessing DOM nodes

Form component best practices

Component Re-rendering

Embedding strings of HTML

Embedding Native JS React Components

Re-frame flow overview

Dispatching Events

Handling Events

Effect Handlers

Interceptors overview

Interceptor example

HTML DB Isolation

Reactive Subscriptions

Reactive Subscriptions walkthrough

Choosing where to store state

Naming Events and Subscriptions

Initialization recommendations

Deeply nested databases

Keep Events and Subscriptions Together

Calculations in Subscriptions

Indexed Entities

Indexed Entity Order