--- title: Best Babel posts of 2024 | daily.dev description: The most upvoted Babel posts of 2024, curated by the daily.dev community. canonical: https://daily.dev/tags/babel/best-of/2024 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/babel/best-of/2024 og:type: website og:site_name: daily.dev og:title: Best Babel posts of 2024 | daily.dev og:description: The most upvoted Babel posts of 2024, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of Babel — 2024 1. 1 [](/posts/optimizing-react-components-with-the-react-compiler-in-v18-aarn0opyq "Optimizing React Components with the React Compiler in V18") Article This Dot · 2y Optimizing React Components with the React Compiler in V18 Jesse Tomchak demonstrates how to optimize React components using the new React compiler in version 18\. The post covers manual optimization techniques like useMemo and useCallback, and explains how the React compiler automates these processes. It includes a tutorial on setting up the compiler using a Babel plugin and explores the compiler's output to highlight performance improvements. 53 2. 2 [](/posts/console-log-1-2-3-at--1-transpiles-to-44k-ir7u95uaq "console.log([1, 2, 3].at(-1)) transpiles to 44k") Video ThePrimeTime · 2y console.log(\[1, 2, 3\].at(-1)) transpiles to 44k Transpiling modern JavaScript code (ES6+) to ES5 can result in significant code bloat, often unnecessary given the current browser landscape. Most popular tools and libraries still default to ES5 for backward compatibility, but data shows that many websites unintentionally serve both ES5 and ES6 code, leading to inefficiencies. With the end of support for IE11, it's recommended that developers reconsider transpilation practices and build configurations, especially excluding \`node\_modules\` from transpilation during production builds to avoid unnecessary overhead. 16 2 [See all Babel archives](/tags/babel/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/tags/babel/best-of/2024#page","url":"https://daily.dev/tags/babel/best-of/2024","name":"Best Babel Posts of 2024","description":"The most upvoted Babel posts of 2024, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/babel/best-of/2024#items","numberOfItems":2,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/optimizing-react-components-with-the-react-compiler-in-v18-aarn0opyq","name":"Optimizing React Components with the React Compiler in V18"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/console-log-1-2-3-at--1-transpiles-to-44k-ir7u95uaq","name":"console.log([1, 2, 3].at(-1)) transpiles to 44k"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Tags","item":"https://daily.dev/tags"},{"@type":"ListItem","position":3,"name":"Babel","item":"https://daily.dev/tags/babel"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/tags/babel/best-of"},{"@type":"ListItem","position":5,"name":"2024"}]}]} ```