--- title: Best Babel posts of 2022 | daily.dev description: The most upvoted Babel posts of 2022, curated by the daily.dev community. canonical: https://daily.dev/tags/babel/best-of/2022 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/babel/best-of/2022 og:type: website og:site_name: daily.dev og:title: Best Babel posts of 2022 | daily.dev og:description: The most upvoted Babel posts of 2022, 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 — 2022 1. 1 [](/posts/vite-4-0-is-out--as9udfgh4 "Vite 4.0 is out!") Article Community Picks · 4y Vite 4.0 is out! Vite 4.0 is out! Vite 3 was released five months ago. Vite is now using Rollup 3, which allowed us to simplify Vite's internal asset handling. 128 9 2. 2 [](/posts/tidy-up-your-es6-imports-uwxfp9w41 "Tidy up your ES6 imports") Article Community Picks · 4y Tidy up your ES6 imports Barrel Pattern A barrel is a way to roll up exports from several modules into a single module. The barrel itself is a module file that re-exports selected exports of other modules. For each folder where we want a common export, we create an file that will contain the exports for every file of the folder. 86 9 3. 3 [](/posts/test-driven-development-tutorial-how-to-test-your-javascript-and-reactjs-applications-qlij05pun "Test-Driven Development Tutorial – How to Test Your JavaScript and ReactJS Applications") Article freeCodeCamp · 4y Test-Driven Development Tutorial – How to Test Your JavaScript and ReactJS Applications Test-Driven Development (TDD) requires you to pre-specify the output your intended program must produce to pass the test of functioning the way you envisioned. This tutorial will show you all you need to cd path/to/addition-calculator-jest-project Step 4: Create a package, Initialize a package.json file for your project. If your package manager is Yarn, run: yarn add jest --save-dev. 60 6 4. 4 [](/posts/docusaurus-2-0-meta-s-static-site-generator-to-build-beautiful-documentation-websites-kr5y6mza1 "Docusaurus 2.0 🥳️: Meta's static site generator to build beautiful documentation websites") Article Hashnode · 4y Docusaurus 2.0 🥳️: Meta's static site generator to build beautiful documentation websites Docusaurus 2.0 is a documentation static-site-generator, based on Node.js and React. It allows you to focus on content: just write Markdown files. It is already powering many great docs sites you know: React-Native, Redux, Tauri, Electron, Courier, Figma. 38 10 5. 5 [](/posts/vite-4-released-replaces-babel-with-faster-rust-based-swc-lvgzcwk4 "Vite 4 Released, Replaces Babel with Faster Rust-based SWC") Article InfoQ · 4y Vite 4 Released, Replaces Babel with Faster Rust-based SWC Vite 4.0 now uses Rollup 3.0 at build time. The new version of changelog carries over breaking changes that will require developers to wrap names that contain certain characters. Vite is distributed under the MIT open-source license, and must follow Vite’s contributing guide. 15 1 [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/2022#page","url":"https://daily.dev/tags/babel/best-of/2022","name":"Best Babel Posts of 2022","description":"The most upvoted Babel posts of 2022, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/babel/best-of/2022#items","numberOfItems":5,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/vite-4-0-is-out--as9udfgh4","name":"Vite 4.0 is out!"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/tidy-up-your-es6-imports-uwxfp9w41","name":"Tidy up your ES6 imports"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/test-driven-development-tutorial-how-to-test-your-javascript-and-reactjs-applications-qlij05pun","name":"Test-Driven Development Tutorial – How to Test Your JavaScript and ReactJS Applications"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/docusaurus-2-0-meta-s-static-site-generator-to-build-beautiful-documentation-websites-kr5y6mza1","name":"Docusaurus 2.0 🥳️: Meta's static site generator to build beautiful documentation websites"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/vite-4-released-replaces-babel-with-faster-rust-based-swc-lvgzcwk4","name":"Vite 4 Released, Replaces Babel with Faster Rust-based SWC"}]},{"@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":"2022"}]}]} ```