Best of DOMOctober 2022

  1. 1
    Article
    Avatar of communityCommunity Picks·4y

    Make your React apps fast again

    Profiler can help you improve performance of a React application. We will go over ways to improve the performance of an app, including some pre-optimization techniques. We can use the Profiler in the React DevTools to measure performance of our apps. To use the profiler, you must Some are asynchronous, such as background HTTP calls, while others occur by user or You.

  2. 2
    Article
    Avatar of sitepenSitePen·4y

    Intro to HTML-first Frontend Frameworks

    Qwik API allows Qwik to bootstrap with a very small amount of framework code. Qwik is used for builder.io which is a complex, interactive, stateful web application. Marko 6 is in the works and it will be interesting to see what they achieve.

  3. 3
    Article
    Avatar of asayerasayer·4y

    React Fiber explained

    Facebook began the creation of React Fiber in 2015(It is currently the default reconciler). The literal implementation of a fiber is an object. It is simply a Javascript object that contains information about a react component. The return fiber is the fiber to which the program should return after processing the current one.

  4. 4
    Article
    Avatar of communityCommunity Picks·4y

    Building a Micro-frontend Framework

    Micro-frontend architecture is a design approach in which a front-end app is decomposed into individual, semi-independent “microapps’ working loosely together. The idea is that the individual microapps within a macroapp (as we shall call the composed, top-level app) are analogous to the various iframes. There is still a long laundry list of issues to be aware of when using iframe.

  5. 5
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    Event Bubbling in JavaScript – How Event Propagation Works with Examples

    Event Bubbling is a concept in the DOM (Document Object Model) It happens when an element receives an event, and that event bubbles up (or you can say is transmitted or propagated) to its parent and ancestor elements. To prevent event bubbling, you use the stopPropagation method of the event object. When handling events, an event object is passed to the handling function. When handling an event event is passed.

  6. 6
    Article
    Avatar of syncfusionSyncfusion·4y

    React Router vs. React Router DOM

    React Router DOM Routing is an essential technique for navigation among pages on a website based on user requests and actions. A separate library named React Router enables routing in React applications and allows defining multiple routes in an application. This article addresses this confusion by analyzing their differences and where to use which package.