閱讀Unearthing ClojureScript for Front-end Development

• 閱讀此文章要有一定的react知識與前端(frontend)知識
• 示範code
• clojure是data oriented 面向數據的
  • {{TODO}} data oriented 面向數據是什麼？
• 在clojurescript中可以用

  (defn component
    []
    [:div
      "Hello, world!"])
  ```來表達[[react]]的
  ```javascript
  function component() {
    return (
      <div\>
        "Hello, world!"
      </div\>
    );
  }
  ```而關鍵差異在於
  - 沒有嵌入[[html]]語言在你的程式碼中
  

• 擁有clojure keyword可以用來映射，這使得可透過[reagent]，來映射 html tag 標籤，這讓其他語言的嵌入沒有入侵到程式碼中，而是以原生clojure的語法呈現

  • {{TODO}} 這是否就是所謂的homoiconicity 同像性？

  • 這讓data oriented 面向數據足以實現，我們可以用以下代碼產生html tag

    (def words ["green" "eggs" "and" "ham"])
    
    (defn li-shout
      [x]
      [:li (string/uppercase x))
    
    (concat [:ol] (map li-shout words)
    
    ; becomes
    
    [:ol
     [:li "GREEN"]
     [:li "EGGS"]
     [:li "AND"]
     [:li "HAM"]]
    ```但是完全沒有切換到另一種語言，這使得我們可以^^使用原生的[[clojure]]一直操作[[html]]，而不用思考轉換問題^^
    

• 結論
  • 由於data oriented 面向數據的作法與react希望以code來表現view的想法相似，所以clojure應用在react更加的合適，code可以更完整的表現view而不會出現html語言的邏輯斷層