Merge pull request #57 from cookednoodles/fix/fix_length

chore: fix sheet length to avoid overflow

Author: ctritten

src/react/first-side/column1.md

@@ -8,7 +8,8 @@ We call this a “root” DOM node because everything inside it will be managed
 
 ```js
 const element = <h1>Hello, world</h1>
-ReactDOM.createRoot(document.getElementById('root'));
+const node = document.getElementById('root')
+ReactDOM.createRoot(node);
 ```
 
 # React Element
@@ -20,14 +21,13 @@ React components extends React.Component.
 class HelloWorld extends React.Component {
   render() {
     return (
-      <div>
-        Hello World
-      </div>
+      <div>Hello World</div>
     )
   }
 }
 
-const root = ReactDOM.createRoot(document.getElementById('root'));
+const node = document.getElementById('root')
+const root = ReactDOM.createRoot(node);
 root.render(<HelloWorld />);
 ```
 
@@ -38,12 +38,11 @@ A stateless component can be replace by a simple function.
 ```js
 const HelloWorld = () => {
   return (
-    <div>
-      Hello World
-    </div>
+    <div>Hello World</div>
   );
 }
 
-const root = ReactDOM.createRoot(document.getElementById('root'));
+const node = document.getElementById('root')
+const root = ReactDOM.createRoot(node);
 root.render(<HelloWorld />);
 ```

src/react/first-side/column2.md

@@ -6,16 +6,14 @@ Input data that is passed into the component can be accessed via this.props in a
 class HelloMessage extends React.Component {
   render() {
     return (
-      <div>
-        Hello {this.props.msg}
-      </div>
+      <div>Hello {this.props.msg}</div>
     )
   }
 }
 
-const root = ReactDOM.createRoot(document.getElementById('root'));
-root.render(<HelloMessage msg={'SII'}/>);
-
+const node = document.getElementById('root')
+const root = ReactDOM.createRoot(node);
+root.render(<HelloWorld />);
 ```
 
 ```js

src/react/reverse/column2.md

@@ -35,6 +35,7 @@ const Routes = () => {
   )
 }
 
-const root = ReactDOM.createRoot(document.getElementById("root"));
-root.render(<Routes />)
+const node = document.getElementById('root')
+const root = ReactDOM.createRoot(node);
+root.render(<Routes />);
 ```