* Replaced old ReactDOM API with new React v18 API
Replaced old ReactDOM API with new React v18 API
ReactDOM.render(
// Try changing to isLoggedIn={true}:
<Greeting isLoggedIn={false} />,
document.getElementById('root')
);
The above implementation has been replaced by the following implementation according to React v18.
ReactDOM
.createRoot(document.getElementById('root'))
.render(<LoginControl />);
* Changed ReactDOM.createRoot syntax into two lines
```
ReactDOM
.createRoot(document.getElementById('root'))
.render(<LoginControl />);
```
has been changed to
```
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(<LoginControl />);
```
* Added a comment on <Greeting/> comp.
The ternary syntax using parenthesis was an unconventional prettier invention, going out of its way to format react ternaries differently from normal ternaries (if i remember correctly, because vim users had trouble re-formating without a mouse). If they made the right decision or not is one thing, but the additional noise could mislead beginners here, thinking they have to add more characters to make a simple 2-slot ternary, or that it is a "react thing".
