Minifier-friendly references to properties

CHANGELOG.md

@@ -14,6 +14,7 @@ Bugfixes:
 
 Other improvements:
 - Added `purs-tidy` formatter (#182 by @thomashoneyman)
+- Minifier-friendly refereces to properties (#183 by @sd-yip)
 
 ## [v9.0.0](https://github.com/purescript-contrib/purescript-react/releases/tag/v9.0.0) - 2021-02-26
 

src/React.js

@@ -1,40 +1,14 @@
 import React from "react";
 
 function createClass(baseClass) {
-  function bindProperty(instance, prop, value) {
-    switch (prop) {
-      case "state":
-      case "render":
-      case "componentDidMount":
-      case "componentWillUnmount":
-        instance[prop] = value;
-        break;
-
-      case "componentDidCatch":
-      case "componentWillUpdate":
-      case "shouldComponentUpdate":
-      case "getSnapshotBeforeUpdate":
-        instance[prop] = function (a, b) { return value(a)(b)(); };
-        break;
-
-      case "componentDidUpdate":
-        instance[prop] = function (a, b, c) { return value(a)(b)(c)(); };
-        break;
-
-      case "unsafeComponentWillMount":
-        instance["UNSAFE_componentWillMount"] = value;
-        break;
-
-      case "unsafeComponentWillReceiveProps":
-        instance["UNSAFE_componentWillReceiveProps"] = function (a) { return value(a)(); };
-        break;
-
-      case "unsafeComponentWillUpdate":
-        instance["UNSAFE_componentWillUpdate"] = function (a, b) { return value(a)(b)(); };
-        break;
-
-      default:
-        throw new Error("[purescript-react] Not a component property: " + prop);
+  function curry2(f) {
+    return f === undefined ? f : function (a, b) {
+      return f(a)(b)
+    }
+  }
+  function curry3(f) {
+    return f === undefined ? f : function (a, b, c) {
+      return f(a)(b)(c)
     }
   }
 
@@ -43,10 +17,19 @@ function createClass(baseClass) {
       var Constructor = function (props) {
         baseClass.call(this, props);
         var spec = ctrFn(this)();
-        // eslint-disable-next-line guard-for-in
-        for (var k in spec) {
-          bindProperty(this, k, spec[k]);
-        }
+
+        this.state = spec.state;
+        this.render = spec.render;
+        this.componentDidMount = spec.componentDidMount;
+        this.componentWillUnmount = spec.componentWillUnmount;
+        this.componentDidCatch = curry2(spec.componentDidCatch);
+        this.componentWillUpdate = curry2(spec.componentWillUpdate);
+        this.shouldComponentUpdate = curry2(spec.shouldComponentUpdate);
+        this.getSnapshotBeforeUpdate = curry2(spec.getSnapshotBeforeUpdate);
+        this.componentDidUpdate = curry3(spec.componentDidUpdate);
+        this.UNSAFE_componentWillMount = spec.unsafeComponentWillMount;
+        this.UNSAFE_componentWillReceiveProps = curry2(spec.unsafeComponentWillReceiveProps);
+        this.UNSAFE_componentWillUpdate = curry3(spec.unsafeComponentWillUpdate);
       };
 
       Constructor.displayName = displayName;