Re-frame is a ClojureScript web framework built on top of Reagent, which is in turn built on React. It provides a comprehensive approach to create frontend applications (it has no backend story). It provides a place to store application state (the Database), ways to capture user intent (Events), and ways to create reactive calculations (Subscriptions), in addition to Reagent's components. By putting these pieces together, you can build an app that will stand the test of time.
If you want to tap into the vast React JS ecosystem outside of the ClojureScript community, you might want to embed some React components written in JavaScript. Reagent has a way to conveniently embed those components.
Video Lessons
Parts of courses on specific topics
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.
Expanding Table
We build a table. You can “expand” rows to reveal more detail about each of the visible rows.
Externally Managed Components
This time we create a component that wraps an externally managed component. Specifically, we embed a CodeMirror editor right into the React-managed DOM, even though CodeMirror has no knowledge of React and manages its own DOM elements.
Filterable List
We make a list of things that is so long, we need to have a text box at the top that lets us filter it. We experiment with different filtering techniques.
Form component best practices
Forms are very important in web applications. They allow you to collect information from the user. We go over some of the best practices for building forms.