Here are the major challenges you will face while handling MVC architecture: DOM handling is quite expensive Most of the time applications were slow and inefficient Because of circular functions,…
If you want the browser to read JSX, then that JSX file should be replaced using a JSX transformer like Babel and then send back to the browser.
Babel, is a JavaScript compiler that converts latest JavaScript like ES6, ES7 into plain old ES5 JavaScript that most browsers understand.
Webpack in basically is a module builder. It is mainly runs during the development process.
React context helps you to pass data using the tree of react components. It helps you to share data globally between various react components.
Portal allows you to render children into a DOM node. CreatePortalmethod is used for it.
Strict Mode allows you to run checks and warnings for react components. It runs only on development build. It helps you to highlight the issues without rendering any visible UI.
Empty tags are used in React for declaring fragments.
Error boundaries help you to catch Javascript error anywhere in the child components. They are most used to log the error and show a fallback UI.
Children props are used to pass component to other components as properties. You can access it by using {props.children}