clojure為什麼跟react感情那麼好

• my article
• make-public
• 閱讀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語言的邏輯斷層