inDepth.dev·4y101 Javascript Critical Rendering Path
Every webpage has a Document Object Model or a DOM. This is an object-based representation of the entire HTML page, which is in the parsed state. Once the HTML is parsed, a DOM tree is built. The DOM Tree contains objects. The CSS Object Model takes care of the styles present in association with the DOM tree.
inDepth.dev·4yExploring how virtual DOM is implemented in React
The virtual DOM is a tree-like structure that is used to represent a web page. It provides an interface through which developers can perform certain operations on that page, such as fetching information and altering the content/structure. It is the virtual DOM that takes on the responsibility of determining what has changed and then all the modifications are committed on the actual DOM at once.
inDepth.dev·4yExternal Configurations in Angular
external configuration allows multiple custom configuration for the same source code. The downside is manual maintenance is needed. We will investigate a couple of ways to load external configuration, the pitfalls, and possible solutions. Let's begin by creating the config json file with some keys. The full project is on StackBlitz. Let’s add the http call to get the configuration file.