Introduced ord.reactjs package.

Author: happy-monk

transcrypt/demos/react_demo/react_demo.py

@@ -1,18 +1,16 @@
-# Helper functions
+from org.reactjs import createElement, useState, useEffect, useRef
+from org.reactjs.dom import render as react_render
+
 
+# Helper functions
 
 def h(elm_type, props='', *args):
-    return React.createElement(elm_type, props, *args)
+    return createElement(elm_type, props, *args)
 
 
 def render(react_element, destination_id, callback=lambda: None):
     container = document.getElementById(destination_id)
-    ReactDOM.render(react_element, container, callback)
-
-
-useState = React.useState
-useEffect = React.useEffect
-useRef = React.useRef
+    react_render(react_element, container, callback)
 
 
 def useInterval(func, delay=None):
@@ -25,11 +23,11 @@ def useInterval(func, delay=None):
     ref = useRef(func)
     ref.current = func
 
+    @useEffect.withDeps(delay)
     def setup():
         id = setInterval(lambda: ref.current(), delay)
         return lambda: clearInterval(id)
 
-    useEffect(setup, [delay])
     return func
 
 

transcrypt/modules/org/reactjs/__init__.py

@@ -0,0 +1,37 @@
+createElement = React.createElement
+createContext = React.createContext
+forwardRef = React.forwardRef
+Component = ReactComponent = React.Component
+
+
+useState = React.useState
+useEffect = React.useEffect
+useContext = React.useContext
+
+useReducer = React.useReducer
+useCallback = React.useCallback
+useMemo = React.useMemo
+useRef = React.useRef
+useImperativeHandle = React.useImperativeHandle
+useLayoutEffect = React.useLayoutEffect
+useDebugValue = React.useDebugValue
+
+
+def withDeps(*deps):
+    useHook = this
+    def decorator(fn):
+        useHook(fn, deps)
+        return fn
+    return decorator
+
+
+useEffect.withDeps = withDeps
+useLayoutEffect.withDeps = withDeps
+
+
+def useCallbackWithDeps(*deps):
+    def decorator(fn):
+        return React.useCallback(fn, deps)
+    return decorator
+
+useCallback.withDeps = useCallbackWithDeps

transcrypt/modules/org/reactjs/dom.py

@@ -0,0 +1 @@
+render = ReactDOM.render