--- title: Best Collections posts — June 2024 | daily.dev description: The most upvoted Collections posts from June 2024, curated by the daily.dev community. canonical: https://daily.dev/sources/collections/best-of/2024/06 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/collections/best-of/2024/06 og:type: website og:site_name: daily.dev og:title: Best Collections posts — June 2024 | daily.dev og:description: The most upvoted Collections posts from June 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 Collections — June 2024 1. 1 [](https://daily.dev/posts/mastering-javascript-closures-a-comprehensive-guide-5kcaro7hi "Mastering JavaScript Closures: A Comprehensive Guide") Article Collections · 2y Mastering JavaScript Closures: A Comprehensive Guide JavaScript closures are powerful and essential for writing clean, modular, and efficient code. They allow functions to access variables from their outer scope even after that scope has closed. By understanding closures, you can better understand how functions in JavaScript retain access to their own lexical scope. 110 2. 2 [](https://daily.dev/posts/web-accessibility-in-development-best-practices-and-tools-pjm0xxjcu "Web Accessibility in Development: Best Practices and Tools") Article Collections · 2y Web Accessibility in Development: Best Practices and Tools Web accessibility ensures websites are usable by everyone, including people with disabilities. Key practices include using descriptive alt text for images, semantic HTML, ARIA roles, proper headings and labels, keyboard navigation, responsive design, captions for multimedia, and sufficient color contrast. Tools like WAVE, axe Accessibility Checker, Google Lighthouse, and Pa11y help check and improve accessibility. 60 1 3. 3 [](https://daily.dev/posts/unlock-the-top-20-coding-questions-to-pass-microsoft-and-meta-interviews-k6fnlyaw0 "Unlock the Top 20 Coding Questions to Pass Microsoft and Meta Interviews") Article Collections · 2y Unlock the Top 20 Coding Questions to Pass Microsoft and Meta Interviews To land a job at tech giants like Microsoft and Meta, thorough preparation is essential. This guide details the typical interview process for both companies, including initial screenings, technical rounds, and final on-site interviews. Key skills sought after include technical proficiency, problem-solving, clean coding, collaboration, and a growth mindset. The post also provides a list of 20 essential coding problems categorized by difficulty level—easy, medium, and hard—along with system design challenges to help candidates prepare effectively. 50 2 4. 4 [](https://daily.dev/posts/from-full-stack-to-data-science-my-journey-so-far-zpmoifsmd "From Full-Stack to Data Science: My Journey So Far") Article Collections · 2y From Full-Stack to Data Science: My Journey So Far Saad Fazal shares his diverse career journey from full-stack development to data science. Exploring various roles like Shopify developer, Flutter mobile app developer, and Unity game developer, he highlights the importance of continuous learning, networking, and strategic planning in achieving career goals. His story emphasizes the value of flexibility and dedication in navigating tech career shifts. 44 2 5. 5 [](https://daily.dev/posts/how-we-hacked-multi-billion-dollar-companies-in-30-minutes-using-a-fake-vscode-extension-and-the-too-4z69xzjrw "How We Hacked Multi-Billion Dollar Companies in 30 Minutes Using a Fake VSCode Extension and the Tool That Arose From It") Article Collections · 2y How We Hacked Multi-Billion Dollar Companies in 30 Minutes Using a Fake VSCode Extension and the Tool That Arose From It A cybersecurity team successfully infiltrated multi-billion dollar companies in just 30 minutes using a fake VSCode extension, revealing significant vulnerabilities. This experiment led to the creation of ExtensionTotal, a tool designed to assess the risks associated with VSCode extensions. The team also launched a Supporters Program to sustain the project and is developing a guide for CISOs to integrate ExtensionTotal into security protocols, enhancing organizational cybersecurity. 41 1 6. 6 [](https://daily.dev/posts/eclipse-theia-ide-an-open-source-challenger-to-visual-studio-code-pajnxvtha "Eclipse Theia IDE: An Open Source Challenger to Visual Studio Code") Article Collections · 2y Eclipse Theia IDE: An Open Source Challenger to Visual Studio Code The Eclipse Foundation has released Eclipse Theia IDE, a highly customizable open source integrated development environment that competes with Visual Studio Code. Theia supports a wide range of programming languages and is compatible with VS Code extensions. Key features include a customizable toolbar, detachable views, remote development support, and an upcoming live collaboration mode. 26 9 7. 7 [](https://daily.dev/posts/the-release-of-htmx-2-0-what-you-need-to-know-tevvbanm2 "The Release of htmx 2.0: What You Need to Know") Article Collections · 2y The Release of htmx 2.0: What You Need to Know Htmx 2.0, a major update to the popular JavaScript framework replacement, has been released. It simplifies web development by using HTML attributes, dropping support for Internet Explorer, and improving HTTP DELETE requests. The update also separates extensions from the core repository and enhances the integration with web components. New features include the htmx.swap() method and continued support for asynchronous requests, CSS transitions, and WebSocket communications. An upgrade guide is available for migrating, although Htmx 2.0 is still in alpha and not yet ready for production use. 22 8. 8 [](https://daily.dev/posts/react-19-a-deep-dive-into-the-performance-debate-and-delayed-release-jroiezonw "React 19: A Deep Dive into the Performance Debate and Delayed Release") Article Collections · 2y React 19: A Deep Dive into the Performance Debate and Delayed Release React 19's release has been delayed due to significant community backlash over changes to the Suspense component and sibling pre-rendering, particularly the switch to sequential data fetching which impacted performance. The React team is working to address these issues following developer feedback. The post also touches on broader industry updates, including Retool’s findings on vector databases, Netlify’s integration with Adobe Experience Manager, and JetBrains enhancing its AI Assistant with Google’s DeepMind Gemini models. 20 8 9. 9 [](https://daily.dev/posts/how-to-use-git-comprehensive-guide-for-beginners-and-advanced-users-wpvpcbbmy "How to Use Git: Comprehensive Guide for Beginners and Advanced Users") Article Collections · 2y How to Use Git: Comprehensive Guide for Beginners and Advanced Users Git is a powerful distributed version control system used for tracking changes in source code. This guide covers essential Git commands, branching, merging, and advanced operations to help manage collaborative projects efficiently. It includes instructions for both command-line and GUI tools, catering to beginners and advanced users alike. Key practices highlighted include installation, configuration, cloning, staging, committing, working with branches, viewing commit history, undoing changes, and pushing to remote repositories. 17 1 10. 10 [](https://daily.dev/posts/the-architecture-of-stripe-s-document-database-nnyirulvg "The Architecture of Stripe's Document Database") Article Collections · 2y The Architecture of Stripe's Document Database Stripe's document database, known as DocDB, simplifies scaling and data management for developers by providing features like dynamic rebalancing, fine-grained control over data distribution, and seamless data migration. 17 11. 11 [](https://daily.dev/posts/creating-and-inverting-shapes-using-css-clip-path-2fbg6ulgh "Creating and Inverting Shapes Using CSS clip-path") Article Collections · 2y Creating and Inverting Shapes Using CSS clip-path Learn how to use the CSS \`clip-path: polygon()\` property to create and invert various shapes, enabling the creation of custom cut-out shapes for web designs. Master the \`clip-path\` property to add sophisticated design elements without relying on images or SVGs, keeping your code cleaner and more maintainable. 16 12. 12 [](https://daily.dev/posts/comic-juggling-work-and-coffee-a-humorous-take-3kdlzxwht "(Comic) Juggling Work and Coffee: A Humorous Take") Article Collections · 2y (Comic) Juggling Work and Coffee: A Humorous Take A collection of comics that beautifully depict the rollercoaster ride that is our professional lives, capturing the highs, lows, and everything in between. 16 13. 13 [](https://daily.dev/posts/typescript-5-5-faster-smarter-and-packed-with-new-features-h6uky7i7k "TypeScript 5.5: Faster, Smarter, and Packed with New Features") Article Collections · 2y TypeScript 5.5: Faster, Smarter, and Packed with New Features Microsoft has released TypeScript 5.5, featuring performance optimizations, inferred type conditions, ECMAScript Set method support, and JSDoc improvements. New tooling and integrations, including NodeSwift and a Rust-based build tool called Farm, further enhance the development experience. 13 14. 14 [](https://daily.dev/posts/addressing-misconceptions-about-elixir-liveview-efficient-real-time-updates-without-excessive-javas-dtof1u4bv "Addressing Misconceptions About Elixir LiveView: Efficient Real-Time Updates Without Excessive JavaScript") Article Collections · 2y Addressing Misconceptions About Elixir LiveView: Efficient Real-Time Updates Without Excessive JavaScript Elixir LiveView offers a 'zero-boring-JS' approach to web development, minimizing the need for JavaScript by using Elixir for common functionalities. Jose Valim addresses misconceptions about LiveView, emphasizing its capability for real-time updates and high interactivity through client hooks. Practical examples illustrate its versatility and ability to integrate with JavaScript UI frameworks when needed. 13 15. 15 [](https://daily.dev/posts/understanding-retrieval-augmented-generation-rag-enhancements-applications-and-evaluation-cuxygh9ih "Understanding Retrieval-Augmented Generation (RAG): Enhancements, Applications, and Evaluation") Article Collections · 2y Understanding Retrieval-Augmented Generation (RAG): Enhancements, Applications, and Evaluation Large Language Models (LLMs) have advanced NLP but often struggle with maintaining accuracy and relevance in rapidly changing environments. Retrieval-Augmented Generation (RAG) and its advanced variant, Agent-Based RAG (Agentic RAG), address this by incorporating real-time information retrieval and intelligent agents. RAG dynamically retrieves and integrates external data to enhance LLMs without retraining. Agentic RAG introduces specialized agents coordinated by a meta-agent for improved task performance, scalability, and fault tolerance. Advanced RAG techniques like PlanRAG enhance decision-making, and RAG systems are already improving applications across various industries like healthcare and legal. 13 16. 16 [](https://daily.dev/posts/elixir-v1-17-0-new-features-and-improvements-pwwpx3nec "Elixir v1.17.0: New Features and Improvements") Article Collections · 2y Elixir v1.17.0: New Features and Improvements Elixir v1.17.0 introduces set-theoretic types, calendar durations, and Erlang/OTP 27 support. It also includes various improvements and enhancements. 13 17. 17 [](https://daily.dev/posts/inline-conditionals-in-css-an-upcoming-feature-zilqdxb10 "Inline Conditionals in CSS: An Upcoming Feature") Article Collections · 2y Inline Conditionals in CSS: An Upcoming Feature The CSS Working Group has agreed to add an inline \`if()\` function to CSS, enhancing web development by allowing conditional logic within CSS declarations. This feature will offer more precise control over styles without relying on JavaScript. Although it will take around two years for full browser implementation, the positive feedback suggests high demand. In the meantime, developers use various complex methods like binary linear interpolation and toggles for conditional styling. This update aims to improve CSS flexibility without turning it into a programming language. 12 18. 18 [](https://daily.dev/posts/exploring-the-popover-api-creating-accessible-and-customizable-ui-elements-rxocs0thv "Exploring the Popover API: Creating Accessible and Customizable UI Elements") Article Collections · 2y Exploring the Popover API: Creating Accessible and Customizable UI Elements The Popover API allows any HTML element to function as a popover, using the 'popover' attribute for compatibility. It heavily relies on CSS for visibility and styling, including the ':popover-open' pseudo-class. Initially aimed at creating tooltips, it now supports various use cases like interactive footnotes and slide-out drawers. This flexibility enhances UI/UX across devices, making it a valuable tool for front-end developers. 11 3 19. 19 [](https://daily.dev/posts/bulkunsubscribe-unsubscribe-from-all-marketing-emails-in-your-gmail-account-s8rm1rf3k "BulkUnsubscribe: Unsubscribe from all marketing emails in your Gmail account") Article Collections · 2y BulkUnsubscribe: Unsubscribe from all marketing emails in your Gmail account BulkUnsubscribe is an open-source tool that allows users to easily unsubscribe from marketing emails in their Gmail account. It provides three different methods for unsubscribing from unwanted emails and does not store sensitive data. 11 2 20. 20 [](https://daily.dev/posts/rust-1-79-0-advancements-in-programming-language-development-k2hb1vv8n "Rust 1.79.0: Advancements in Programming Language Development") Article Collections · 2y Rust 1.79.0: Advancements in Programming Language Development Rust 1.79.0 introduces inline const expressions, stabilizes associated item bounds syntax, and includes automatic temporary lifetime extension. Update now to experience these advancements. 11 21. 21 [](https://daily.dev/posts/voodoo-acquires-bereal-strengthening-mobile-apps-and-games-with-a-500m-deal-z4qyve2sa "Voodoo Acquires BeReal: Strengthening Mobile Apps and Games with a €500M Deal") Article Collections · 2y Voodoo Acquires BeReal: Strengthening Mobile Apps and Games with a €500M Deal Voodoo Games acquires BeReal for €500M, aiming to support its product strategy, user growth, and infrastructure. The co-founder and CEO of BeReal will step down, while the CEO of Wizz takes the helm. Voodoo's extensive knowledge and innovative technology will accelerate BeReal's growth. 11 2 22. 22 [](https://daily.dev/posts/llama-agents-an-open-source-framework-for-multi-agent-ai-systems-hlauejsg9 "Llama-Agents: An Open-Source Framework for Multi-Agent AI Systems") Article Collections · 2y Llama-Agents: An Open-Source Framework for Multi-Agent AI Systems Llama-Agents is an open-source AI framework that simplifies the creation and management of multi-agent systems using an async-first approach and large language models. It features a distributed architecture, centralized control plane, standardized communication protocols, and supports human-in-the-loop processes. The framework is easy to deploy and scalable, offering built-in tools for monitoring and interaction. 10 23. 23 [](https://daily.dev/posts/elixir-for-python-developers-a-year-long-journey-and-practical-insights-mfd6htky3 "Elixir for Python Developers: A Year-Long Journey and Practical Insights") Article Collections · 2y Elixir for Python Developers: A Year-Long Journey and Practical Insights Rich, an experienced Python developer, shares his insights from a year of working with Elixir. He highlights Elixir's strengths, including its concurrency model and the Phoenix framework with LiveView, which simplifies web development by eliminating the need for JavaScript in creating real-time interfaces. Rich discusses the functional programming paradigm and pattern matching in Elixir, providing a practical comparison with Python and a hands-on example of building a LiveView web application. 10 24. 24 [](https://daily.dev/posts/getting-started-with-pyspark-efficient-data-processing-for-beginners-and-speeding-up-machine-learni-pswog29mf "Getting Started with PySpark: Efficient Data Processing for Beginners and Speeding up Machine Learning Projects") Article Collections · 2y Getting Started with PySpark: Efficient Data Processing for Beginners and Speeding up Machine Learning Projects PySpark, the Python API for Apache Spark, facilitates efficient big data processing and machine learning by distributing tasks across multiple machines. It’s easy for Python users to learn and scales well from a single machine to large clusters. This overview covers installation, basic usage, and creating custom functions to enhance machine learning projects with streamlined data preparation tasks like quality checks and finding duplicates. 10 25. 25 [](https://daily.dev/posts/spring-boot-3-2-7-and-spring-framework-6-1-10-now-available-nnknovvag "Spring Boot 3.2.7 and Spring Framework 6.1.10 Now Available") Article Collections · 2y Spring Boot 3.2.7 and Spring Framework 6.1.10 Now Available Spring Boot 3.2.7 and Spring Framework 6.1.10 are now available, bringing the latest updates and improvements to the Spring ecosystem. VMware also offers training and certification programs to help developers enhance their skills and effectively utilize the latest features. 10 [See all Collections archives](/sources/collections/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/sources/collections/best-of/2024/06#page","url":"https://daily.dev/sources/collections/best-of/2024/06","name":"Best Collections Posts — June 2024","description":"The most upvoted Collections posts from June 2024, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/collections/best-of/2024/06#items","numberOfItems":25,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/mastering-javascript-closures-a-comprehensive-guide-5kcaro7hi","name":"Mastering JavaScript Closures: A Comprehensive Guide"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/web-accessibility-in-development-best-practices-and-tools-pjm0xxjcu","name":"Web Accessibility in Development: Best Practices and Tools"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/unlock-the-top-20-coding-questions-to-pass-microsoft-and-meta-interviews-k6fnlyaw0","name":"Unlock the Top 20 Coding Questions to Pass Microsoft and Meta Interviews"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/from-full-stack-to-data-science-my-journey-so-far-zpmoifsmd","name":"From Full-Stack to Data Science: My Journey So Far"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/how-we-hacked-multi-billion-dollar-companies-in-30-minutes-using-a-fake-vscode-extension-and-the-too-4z69xzjrw","name":"How We Hacked Multi-Billion Dollar Companies in 30 Minutes Using a Fake VSCode Extension and the Tool That Arose From It"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/eclipse-theia-ide-an-open-source-challenger-to-visual-studio-code-pajnxvtha","name":"Eclipse Theia IDE: An Open Source Challenger to Visual Studio Code"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/the-release-of-htmx-2-0-what-you-need-to-know-tevvbanm2","name":"The Release of htmx 2.0: What You Need to Know"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/react-19-a-deep-dive-into-the-performance-debate-and-delayed-release-jroiezonw","name":"React 19: A Deep Dive into the Performance Debate and Delayed Release"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/how-to-use-git-comprehensive-guide-for-beginners-and-advanced-users-wpvpcbbmy","name":"How to Use Git: Comprehensive Guide for Beginners and Advanced Users"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/the-architecture-of-stripe-s-document-database-nnyirulvg","name":"The Architecture of Stripe's Document Database"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/creating-and-inverting-shapes-using-css-clip-path-2fbg6ulgh","name":"Creating and Inverting Shapes Using CSS clip-path"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/comic-juggling-work-and-coffee-a-humorous-take-3kdlzxwht","name":"(Comic) Juggling Work and Coffee: A Humorous Take"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/typescript-5-5-faster-smarter-and-packed-with-new-features-h6uky7i7k","name":"TypeScript 5.5: Faster, Smarter, and Packed with New Features"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/addressing-misconceptions-about-elixir-liveview-efficient-real-time-updates-without-excessive-javas-dtof1u4bv","name":"Addressing Misconceptions About Elixir LiveView: Efficient Real-Time Updates Without Excessive JavaScript"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/understanding-retrieval-augmented-generation-rag-enhancements-applications-and-evaluation-cuxygh9ih","name":"Understanding Retrieval-Augmented Generation (RAG): Enhancements, Applications, and Evaluation"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/elixir-v1-17-0-new-features-and-improvements-pwwpx3nec","name":"Elixir v1.17.0: New Features and Improvements"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/inline-conditionals-in-css-an-upcoming-feature-zilqdxb10","name":"Inline Conditionals in CSS: An Upcoming Feature"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/exploring-the-popover-api-creating-accessible-and-customizable-ui-elements-rxocs0thv","name":"Exploring the Popover API: Creating Accessible and Customizable UI Elements"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/bulkunsubscribe-unsubscribe-from-all-marketing-emails-in-your-gmail-account-s8rm1rf3k","name":"BulkUnsubscribe: Unsubscribe from all marketing emails in your Gmail account"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/rust-1-79-0-advancements-in-programming-language-development-k2hb1vv8n","name":"Rust 1.79.0: Advancements in Programming Language Development"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/voodoo-acquires-bereal-strengthening-mobile-apps-and-games-with-a-500m-deal-z4qyve2sa","name":"Voodoo Acquires BeReal: Strengthening Mobile Apps and Games with a €500M Deal"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/llama-agents-an-open-source-framework-for-multi-agent-ai-systems-hlauejsg9","name":"Llama-Agents: An Open-Source Framework for Multi-Agent AI Systems"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/elixir-for-python-developers-a-year-long-journey-and-practical-insights-mfd6htky3","name":"Elixir for Python Developers: A Year-Long Journey and Practical Insights"},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/getting-started-with-pyspark-efficient-data-processing-for-beginners-and-speeding-up-machine-learni-pswog29mf","name":"Getting Started with PySpark: Efficient Data Processing for Beginners and Speeding up Machine Learning Projects"},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/spring-boot-3-2-7-and-spring-framework-6-1-10-now-available-nnknovvag","name":"Spring Boot 3.2.7 and Spring Framework 6.1.10 Now Available"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Sources","item":"https://daily.dev/sources"},{"@type":"ListItem","position":3,"name":"Collections","item":"https://daily.dev/sources/collections"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/collections/best-of"},{"@type":"ListItem","position":5,"name":"June 2024"}]}]} ```