How to Render a React Component

React runs the code for your components and then syncs them with the DOM. You can have side effects in event handlers or inside calls to use effect. Calling render the first time causes React to take the output from your components and actually converts them to the elements you see on the screen.