JSFiddle - React, Tailwind, and code Playground

by Farzad YZ

HTML

<script src="https://unpkg.com/[email protected]/lodash.js"></script>
<script src="https://unpkg.com/[email protected]/index.js"></script>
<script src="https://unpkg.com/[email protected]/index.js"></script>
<div id="app"></div>

Babel + JSX

import React, {
  useEffect
} from "react";
import ReactDOM from "react-dom";

/* var curried = _.curry(abc); */

/* const curriedUseEffect = _.curry(useEffect);

function console1() {
  console.log(1);
}

const console1OnLargerThanHalf = num => curriedUseEffect(console1, [num]);
const console1OnLessThanHalf = num => curriedUseEffect(console1, [num]); */

/* function App() {
  const rand = Math.random();
  if (rand >= 0.5) {
    console1OnLargerThanHalf(rand);
  } else {
    console1OnLargerThanHalf(rand);
  }
  
  retrun <p>App</p>
} */

function App() {
  return <p > App < /p>
}

ReactDOM.render( < App / > , document.getElementById("app"));