Currently, Reagent is my favorite front-end UI framework, but one thing that I was missing is a simple way to manage local component state (like `.setState()` in react). Fortunately after doing some digging around the API docs and source, I found that it's actually very simple to do with Reagent! ...

In part-2 we looked at how we can use simple data to represent our entire UI tree, and we converted 10 lines of ugly imperative JSX code, into an 2 elegant lines, simply by extracting patterns from data, and writing a function. Today it's time to bring the power of data to JavaScript!

Today I want to show you what, I believe to be, a better alternative to JSX, it’s called Hiccup, and it’s for Clojure, but don’t panic! no Clojure knowledge is required! So let’s just dive in and I’ll try my best to explain things as we go :) ...

After working with Clojure for a while, getting back to JSX was just too much for my brain, so I wrote a small library that essentially implements Hiccup in javascript. Don't worry, I'll explain everything in great detail in the next 2 parts. But first let's talks about my 3 major issues with JSX ...