Build highly interactive UI widgets
ClojureScript + React + Re-frame
19 interactive lessons to give you practice building UI components using live coding and video.
Join hundreds of happy Clojurists.
19 interactive lessons to give you practice building UI components using live coding and video.
Join hundreds of happy Clojurists.
19 Interactive Lessons
Live-coding environment
Build the widget in your own editor and watch it take shape in your browser.
Watch Eric build it
Look over Eric's shoulder as he builds the widget himself. Hear him talk about his thought process and insights. See him make mistakes and work through hurdles.
Working code
Get a working version of every widget in the course that you can modify and reuse so you never fall behind.
- $199 or 12 monthly payments of $20
F03 Building Re-frame Components
Easy setup
With a few commands, you can get the environment set up and running. The environment includes a ClojureScript compiler and live-coding setup. Just edit the files and watch them change in your browser.
FAQs
What if it's not right for me?
No problem! Just email me any time and I'll refund you for any reason.
Is this hard to set up?
I have made it really easy to get the whole thing set up, no matter what operating system you're running. All you need is a web browser, a text editor, and a command prompt.
- $199 or 12 monthly payments of $20
F03 Building Re-frame Components
ClojureScript gives you an unfair advantage
I've seen many programmers reach for pre-made widget libraries only to struggle when they need to do custom behavior.
What they don't realize is that ClojureScript makes it super easy to build interactive widgets yourself. You just need to know the secret: live coding.
That's why I built this course. I want to share the joy of building UIs from scratch with live coding.
What they don't realize is that ClojureScript makes it super easy to build interactive widgets yourself. You just need to know the secret: live coding.
That's why I built this course. I want to share the joy of building UIs from scratch with live coding.
- $199 or 12 monthly payments of $20
F03 Building Re-frame Components
Contents
Introduction
In this course, you will:
- Learn to build UI widgets in React, Reagent, and Re-frame.
- Determine when to use component-local state versus the Re-frame database.
- Compose small components into larger panels with complex interactions.
- Refactor larger components into smaller, reusable components.
What will you learn in this course?
PreviewReference Sheets
Some printable reference sheets to shortcut your learning.
Re-frame Components Reference Sheet.pdf
React Lifecycle Reference for Re-frame.pdf
Components
Collapsible Panel
PreviewSortable Table
Inline Editable Field
Progress Bar
Password Box
Sortable Table in the Re-frame database
Tag Editor
Markdown Editor with Live Preview
Externally Managed Components
Accordion Component
Draggable List
Expanding Table
Filterable List
Username Box
Username and Password Refactoring
User-Password Refactoring Further
User Registration 1
User Registration 2
User Registration 3
Conclusion
Solidify and expand your skills
- $199 or 12 monthly payments of $20