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.
Screencasts, Whiteboards, and Slides produced to help you learn
Pragmatic and in-depth guides to a topic.
Reagent is a ClojureScript wrapper around React. It makes it easy to create React components using functions and hiccup, and state managed in Atoms.
Learn the 4 React Lifecycle Methods you’ll need to know for Reagent/Re-frame and why the other 6 are not needed.
Down on React? You should check it out from the ClojureScript perspective.
Curated selections of courses on a specific topic
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 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 […]
Parts of courses on specific topics
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.
You know those HTML components that show you some headers and let you expand the content underneath? Yeah! Let’s build one!
We look at the basics of representing HTML with Hiccup, which is a very convenient way of embedding markup right in our code.
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.
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.
You know those lists that let you reorder stuff by dragging? Well, we make one of those.
PDFs, code, and other downloads to help you learn
A one-page sheet with the basics for creating Reagent components for use with Re-frame. Get started with Re-frame right away.