Comparison of JSX and CLJS

clock.cljs

(q/defcomponent Clock
  :name "Clock"
  :on-update #(set-doc-title-as-time %2)
  [time]
  (let [[hours minutes seconds] time]
    (dom/div {:className "clock"}
      (dom/span {:className "clock__hour"} hours)
      (dom/span {:className "clock__minute"} ":" minutes)
      (dom/span {:className "clock__second"} ":" seconds))))

clock.jsx

class Clock extends React.Component {
  componentWillUpdate() {
    setDocTitleAsTime(this.props.time);
  }
  
  render() {
    const [hours, minutes, sections] = this.props.time;
    
    return (
      <div className="clock">
        <span className="clock_hour">{hours}</span>
        : <span className="clock_minute">{minutes}</span>
        : <span className="clock_second">{seconds}</span>
      </div>
    );
  }
}