Sometimes we want to see how individual components are built. We want to know how to reproduce common components easily using Re-frame. In this course, we take that approach. We build individual, interactive components, going through the design decisions we have to make.
Video Courses
Screencasts, Whiteboards, and Slides produced to help you learn
Written Guides
Pragmatic and in-depth guides to a topic.
ClojureScript + Reagent Tutorial with Code Examples
Reagent is a ClojureScript wrapper around React. It makes it easy to create React components using functions and hiccup, and state managed in Atoms.
How to use React Lifecycle Methods in Re-frame
Learn the 4 React Lifecycle Methods you’ll need to know for Reagent/Re-frame and why the other 6 are not needed.
Technical Articles
6 things Reacters do that Re-framers avoid
Down on React? You should check it out from the ClojureScript perspective.
Learning Paths
Curated selections of courses on a specific topic
The Everything Learning Path
If you’re looking to watch absolutely all of the courses on this site, I’ve put together a suggested order. Start at the beginning and just watch everything straight through. Be sure to click those checkmarks to track your progress.
Web Programming Learning Path
Web development is an extremely popular use for Clojure. If you want to learn web programming, here are the courses I recommend you watch. I am assuming you already are familiar with Clojure. Be sure to click those checkmarks to track your progress. Backend You’ll want to learn Ring. It is a unifying set of […]
Video Lessons
Parts of courses on specific topics
Accessing DOM nodes
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.
Accordion Component
You know those HTML components that show you some headers and let you expand the content underneath? Yeah! Let’s build one!
Basic HTML with Hiccup
We look at the basics of representing HTML with Hiccup, which is a very convenient way of embedding markup right in our code.
Collapsible Panel
We create a collapsible panel component. You give it a title and a child and it will hide the child inside until you click the panel.
Component Re-rendering
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.
Draggable List
You know those lists that let you reorder stuff by dragging? Well, we make one of those.
Download Resources
PDFs, code, and other downloads to help you learn
Reagent Components Reference Sheet
A one-page sheet with the basics for creating Reagent components for use with Re-frame. Get started with Re-frame right away.