meta data for this page
  •  

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
ixc2024:tech:wfrontend:criteria:react [2024/05/22 15:49] – alestaixc2024:tech:wfrontend:criteria:react [2024/05/22 15:50] (current) – rubenhuygens
Line 7: Line 7:
    * Virtual DOM and Efficient Rendering: React’s virtual DOM efficiently updates and renders only the necessary components, reducing unnecessary re-renders and enhancing performance.    * Virtual DOM and Efficient Rendering: React’s virtual DOM efficiently updates and renders only the necessary components, reducing unnecessary re-renders and enhancing performance.
  
-    
   * Lazy Loading: Implementing lazy loading techniques allows components, images, and other assets to be loaded only when they are required. This approach minimizes initial loading times and conserves bandwidth.   * Lazy Loading: Implementing lazy loading techniques allows components, images, and other assets to be loaded only when they are required. This approach minimizes initial loading times and conserves bandwidth.
  
    import React, { Suspense, lazy } from 'react';    import React, { Suspense, lazy } from 'react';
    const LazyComponent = lazy(() => import('./LazyComponent'));    const LazyComponent = lazy(() => import('./LazyComponent'));
-    + 
-    +  * Code Minification and Compression: By minifying and compressing JavaScript and CSS files, developers can significantly reduce their size, resulting in faster loading times and reduced bandwidth consumption.
-* Code Minification and Compression: By minifying and compressing JavaScript and CSS files, developers can significantly reduce their size, resulting in faster loading times and reduced bandwidth consumption.+
  
          React.memo, useMemo, useCallback          React.memo, useMemo, useCallback