--- title: Best Collections posts — July 2024 | daily.dev description: The most upvoted Collections posts from July 2024, curated by the daily.dev community. canonical: https://daily.dev/sources/collections/best-of/2024/07 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/collections/best-of/2024/07 og:type: website og:site_name: daily.dev og:title: Best Collections posts — July 2024 | daily.dev og:description: The most upvoted Collections posts from July 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 — July 2024 1. 1 [](https://daily.dev/posts/node-js-introduces-experimental-support-for-typescript-afvcte7qu "Node.js Introduces Experimental Support for TypeScript") Article Collections · 2y Node.js Introduces Experimental Support for TypeScript Node.js has introduced experimental support for TypeScript, allowing developers to execute TypeScript files using the \`--experimental-strip-types\` flag. This new feature enables the transpilation of TypeScript files by discarding type annotations without performing type checking. Current limitations include the lack of support for certain TypeScript features and source maps, which affects debugging. The Node.js team has outlined a roadmap for improving TypeScript support, with plans to decouple the transpiler, add more TypeScript features, and optimize performance. 93 5 2. 2 [](https://daily.dev/posts/ecmascript-2024-officially-approved-new-features-announced-yfayw9pxx "ECMAScript 2024 Officially Approved: New Features Announced") Article Collections · 2y ECMAScript 2024 Officially Approved: New Features Announced ECMAScript 2024 has been officially approved, bringing new features like \`Promise.withResolvers()\` for better asynchronous operations management, resizable \`ArrayBuffers\` and growable \`SharedArrayBuffers\` for optimized memory management, a \`RegExp/v\` flag for advanced string sets, \`Object.groupBy\` and \`Map.groupBy\` for enhanced data aggregation, and methods for well-formed Unicode strings. Some features have been deferred to the 2025 version. 55 2 3. 3 [](https://daily.dev/posts/zed-editor-now-publishing-native-linux-builds-e3edolvkf "Zed Editor Now Publishing Native Linux Builds") Article Collections · 2y Zed Editor Now Publishing Native Linux Builds Zed, an open-source Rust-based code editor, now offers native builds for Linux, featuring GPU-accelerated rendering via the Vulkan API, broad language support with Github CoPilot and GPT-4 integration, and compatibility with major Linux distributions. The project encourages community contributions for further enhancements and supports both X11 and Wayland. 53 4 4. 4 [](https://daily.dev/posts/google-to-remove-low-quality-android-apps-from-play-store-starting-august-31st-kb02rteil "Google to Remove Low-Quality Android Apps from Play Store Starting August 31st") Article Collections · 2y Google to Remove Low-Quality Android Apps from Play Store Starting August 31st Google is set to enforce stricter quality standards for Android apps on the Play Store starting August 31, 2024\. Apps which frequently crash, lack adequate content, or are otherwise unresponsive may be removed. This initiative aims to enhance user experience and maintain a high-quality app ecosystem. Developers must ensure their apps meet these new standards to avoid removal or restrictions. 52 12 5. 5 [](https://daily.dev/posts/creating-clear-software-architecture-diagrams-with-the-c4-model-and-architecture-patterns-udz4gqq5i "Creating Clear Software Architecture Diagrams with the C4 Model and Architecture Patterns") Article Collections · 2y Creating Clear Software Architecture Diagrams with the C4 Model and Architecture Patterns Creating and maintaining clear software architecture diagrams is crucial for effective team communication. The C4 model breaks down architecture into four levels: Context, Containers, Components, and Code, aiding in scalable and maintainable design. Using a diagram-as-code approach enhances collaboration, automation, and version control. Architectural patterns like Client-Server, Layered Architecture, and Microservices further support robust system design. 40 1 6. 6 [](https://daily.dev/posts/key-data-job-trends-and-opportunities-in-2024-ks7h03cbd "Key Data Job Trends and Opportunities in 2024") Article Collections · 2y Key Data Job Trends and Opportunities in 2024 The data job market in 2024 is highly competitive, with strong demand for skilled professionals. Python and SQL remain critical programming languages, while AI engineering roles are becoming increasingly important. Opportunities in freelancing are growing, and low-code/no-code tools are making data analytics more accessible. Key data engineering roles include Data Engineer, Big Data Engineer, and Machine Learning Engineer. Staying updated with industry trends and obtaining relevant certifications are crucial for success. 34 7. 7 [](https://daily.dev/posts/introducing-ladybird-an-open-source-standards-driven-web-browser-hamjitc4d "Introducing Ladybird: An Open-Source, Standards-Driven Web Browser") Article Collections · 2y Introducing Ladybird: An Open-Source, Standards-Driven Web Browser The Ladybird Browser Initiative, co-founded by GitHub's Chris Wanstrath and SerenityOS's Andreas Kling, aims to create an independent, standards-driven web browser by 2026\. Emphasizing performance, stability, and privacy, Ladybird rejects corporate funding, opting for sponsorships and donations. Development is ongoing with community involvement encouraged, and the organization operates as a non-profit to maintain independence and focus on user experience. 26 3 8. 8 [](https://daily.dev/posts/how-to-calculate-the-scroll-progress-of-a-webpage-or-any-arbitrary-element-wyl5nkttx "How to Calculate the Scroll Progress of a Webpage or Any Arbitrary Element") Article Collections · 2y How to Calculate the Scroll Progress of a Webpage or Any Arbitrary Element Discover how to calculate the scroll progress of a webpage or any arbitrary element using a few lines of JavaScript and CSS. This technique leverages scroll-driven animations and the @property CSS at-rule, enhancing interactivity and user experience in web designs. 25 1 9. 9 [](https://daily.dev/posts/building-an-e-commerce-store-in-next-js-with-payload-cms-and-neon-postgres-9wbmu6wxc "Building an E-commerce Store in Next.js with Payload CMS and Neon Postgres") Article Collections · 2y Building an E-commerce Store in Next.js with Payload CMS and Neon Postgres This guide details the process of building an e-commerce store with Next.js, Payload CMS, and Neon serverless Postgres. It covers setting up a Neon Postgres database, initializing a Next.js project, creating a Payload CMS application, implementing server actions, and testing the store locally. The setup leverages Neon's scale-to-zero feature to minimize compute costs and ensures secure handling of user inputs. 26 2 10. 10 [](https://daily.dev/posts/openai-launches-searchgpt-an-ai-powered-search-engine-aiming-to-revolutionize-online-searches-vj4qdkuhl "OpenAI Launches SearchGPT: An AI-Powered Search Engine Aiming to Revolutionize Online Searches") Article Collections · 2y OpenAI Launches SearchGPT: An AI-Powered Search Engine Aiming to Revolutionize Online Searches OpenAI has launched SearchGPT, an AI-powered search engine designed to revolutionize web searches by offering conversational responses, real-time information, and clear attributions. Currently available to 10,000 test users, it aims to integrate with ChatGPT and address industry challenges like operational costs and copyright issues. SearchGPT stands as a strong competitor to existing search engines, promising significant advancements in search technology. 22 4 11. 11 [](https://daily.dev/posts/mastering-infinite-scrolling-with-the-intersection-observer-api-jfeomj5l6 "Mastering Infinite Scrolling with the Intersection Observer API") Article Collections · 2y Mastering Infinite Scrolling with the Intersection Observer API The Intersection Observer API helps developers monitor the visibility of elements in the viewport, enabling features like infinite scrolling and lazy loading. This API streamlines the process by eliminating manual event handling and frequent polling, thus enhancing performance. Key steps include creating an observer instance, defining a callback function, and setting appropriate options. The post provides implementation examples in both vanilla JavaScript and React. 17 12. 12 [](https://daily.dev/posts/introducing-crawlee-for-python-a-fast-reliable-web-scraping-and-automation-library-chezznjtv "Introducing Crawlee for Python: A Fast, Reliable Web Scraping and Automation Library") Article Collections · 2y Introducing Crawlee for Python: A Fast, Reliable Web Scraping and Automation Library Crawlee, a leading web scraping and automation library originally created in TypeScript, is now available in Python. Key features include seamless integration with popular Python libraries, flexible browsing options, automatic scaling, proxy management, persistent storage, enhanced performance, type hinting, and automated retries. It's designed for both novice and seasoned developers, aiming to simplify web scraping and browser automation tasks. 12 1 13. 13 [](https://daily.dev/posts/how-uber-minimizes-flaky-tests-kiqjdqetk "How Uber Minimizes Flaky Tests") Article Collections · 2y How Uber Minimizes Flaky Tests Uber's innovative Testopedia system minimizes flaky tests in their continuous integration infrastructure. Testopedia tracks test statistics like reliability and execution time, categorizes tests, and alerts teams of unhealthy tests. Key features include a bucketing algorithm for efficient data querying and a sliding window algorithm to detect flaky tests. Strategies such as running critical tests regardless of flakiness and using non-blocking modes for PRs help maintain a stable development workflow. 11 1 14. 14 [](https://daily.dev/posts/state-of-react-2023-upvxxotqz "State of React 2023") Article Collections · 2y State of React 2023 React remains a dominant force in web development by continuously innovating and adapting. The first State of React community survey highlights key trends including the popularity of component libraries such as Material-UI, Ant Design, and Chakra UI. There's a shift in state management preferences from traditional Redux and MobX to modern solutions like Recoil and Zustand. Modern application patterns like Server Components are also gaining traction, signaling the community's direction towards new tools and frameworks introduced by React's core team. 11 15. 15 [](https://daily.dev/posts/humble-games-shuts-down-laying-off-entire-team-without-notice-p5xkowwk0 "Humble Games Shuts Down, Laying Off Entire Team Without Notice") Article Collections · 2y Humble Games Shuts Down, Laying Off Entire Team Without Notice Humble Games has abruptly shut down, laying off all 36 employees without prior notice. The company was known for publishing acclaimed titles like A Hat in Time and Slay the Spire. The closure, attributed to 'restructuring' by parent company Ziff Davis, adds to the instability in the gaming industry, highlighting issues of corporate greed and profit-driven decisions. This move has led to concerns about the future of the games published by Humble Games and the overall state of the indie game sector. 10 3 16. 16 [](https://daily.dev/posts/how-to-optimize-dockerfile-instructions-for-faster-build-times-pb0a7sfqg "How To Optimize Dockerfile Instructions for Faster Build Times") Article Collections · 2y How To Optimize Dockerfile Instructions for Faster Build Times Optimizing Dockerfiles is essential for speeding up container builds. Key strategies include using smaller base images like Alpine Linux, leveraging Docker's build cache, utilizing multi-stage builds, minimizing build context with \`.dockerignore\`, and properly ordering instructions to maximize cache efficiency. These practices enhance development and deployment efficiency. 10 2 [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/07#page","url":"https://daily.dev/sources/collections/best-of/2024/07","name":"Best Collections Posts — July 2024","description":"The most upvoted Collections posts from July 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/07#items","numberOfItems":16,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/node-js-introduces-experimental-support-for-typescript-afvcte7qu","name":"Node.js Introduces Experimental Support for TypeScript"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/ecmascript-2024-officially-approved-new-features-announced-yfayw9pxx","name":"ECMAScript 2024 Officially Approved: New Features Announced"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/zed-editor-now-publishing-native-linux-builds-e3edolvkf","name":"Zed Editor Now Publishing Native Linux Builds"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/google-to-remove-low-quality-android-apps-from-play-store-starting-august-31st-kb02rteil","name":"Google to Remove Low-Quality Android Apps from Play Store Starting August 31st"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/creating-clear-software-architecture-diagrams-with-the-c4-model-and-architecture-patterns-udz4gqq5i","name":"Creating Clear Software Architecture Diagrams with the C4 Model and Architecture Patterns"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/key-data-job-trends-and-opportunities-in-2024-ks7h03cbd","name":"Key Data Job Trends and Opportunities in 2024"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/introducing-ladybird-an-open-source-standards-driven-web-browser-hamjitc4d","name":"Introducing Ladybird: An Open-Source, Standards-Driven Web Browser"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/how-to-calculate-the-scroll-progress-of-a-webpage-or-any-arbitrary-element-wyl5nkttx","name":"How to Calculate the Scroll Progress of a Webpage or Any Arbitrary Element"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/building-an-e-commerce-store-in-next-js-with-payload-cms-and-neon-postgres-9wbmu6wxc","name":"Building an E-commerce Store in Next.js with Payload CMS and Neon Postgres"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/openai-launches-searchgpt-an-ai-powered-search-engine-aiming-to-revolutionize-online-searches-vj4qdkuhl","name":"OpenAI Launches SearchGPT: An AI-Powered Search Engine Aiming to Revolutionize Online Searches"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/mastering-infinite-scrolling-with-the-intersection-observer-api-jfeomj5l6","name":"Mastering Infinite Scrolling with the Intersection Observer API"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/introducing-crawlee-for-python-a-fast-reliable-web-scraping-and-automation-library-chezznjtv","name":"Introducing Crawlee for Python: A Fast, Reliable Web Scraping and Automation Library"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/how-uber-minimizes-flaky-tests-kiqjdqetk","name":"How Uber Minimizes Flaky Tests"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/state-of-react-2023-upvxxotqz","name":"State of React 2023"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/humble-games-shuts-down-laying-off-entire-team-without-notice-p5xkowwk0","name":"Humble Games Shuts Down, Laying Off Entire Team Without Notice"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/how-to-optimize-dockerfile-instructions-for-faster-build-times-pb0a7sfqg","name":"How To Optimize Dockerfile Instructions for Faster Build Times"}]},{"@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":"July 2024"}]}]} ```