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
Understanding Re-frame
A comprehensive guide to the ClojureScript Single Page Application framework built on top of React and Reagent.
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
Accordion Component
You know those HTML components that show you some headers and let you expand the content underneath? Yeah! Let’s build one!
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.
Developing with Figwheel
Recompiling and reloading our app manually will get tedious. We set up a nice development workflow with Figwheel so that we don’t have to do that. Every time we save our source code, the browser will reflect changes in the code without losing the state.
Draggable List
You know those lists that let you reorder stuff by dragging? Well, we make one of those.
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.