Pushing overhaul.

web/modules/custom/dc_react/js/src/components/Button.js

@@ -0,0 +1,7 @@
+import React, { Component } from 'react';
+
+function Button(props) {
+  return <button className={"btn btn-" + props.classes}><a href={props.link}>{ props.text }</a></button>;
+}
+
+export default Button;

web/modules/custom/dc_react/js/src/components/Counter.js

@@ -0,0 +1,16 @@
+import React, { useState } from 'react';
+
+function Counter() {
+  const [count, setCount] = useState(0);
+
+  return (
+    <div>
+      <p>You clicked {count} times</p>
+      <button onClick={() => setCount(count + 1)}>
+        Click me
+      </button>
+    </div>
+  );
+}
+
+export default Counter;

web/modules/custom/dc_react/js/src/index.jsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { createRoot } from 'react-dom/client';
+import Button from './components/Button';
+import Counter from './components/Counter';
+
+const container = document.getElementById('react-block');
+const root = createRoot(container);
+
+root.render(
+  <div>
+    <Button text="Click me" link="https://www.drupal.org" classes="primary" />
+    <Counter />
+  </div>
+);