--- title: Best Telerik posts — July 2024 | daily.dev description: The most upvoted Telerik posts from July 2024, curated by the daily.dev community. canonical: https://daily.dev/sources/telerik/best-of/2024/07 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/telerik/best-of/2024/07 og:type: website og:site_name: daily.dev og:title: Best Telerik posts — July 2024 | daily.dev og:description: The most upvoted Telerik 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 Telerik — July 2024 1. 1 [](https://daily.dev/posts/array-grouping-in-javascript-jjtqtayds "Array Grouping in JavaScript") Article Telerik · 2y Array Grouping in JavaScript Learn how to group arrays in JavaScript efficiently using new features like Object.groupBy and Map.groupBy introduced in 2024\. The post provides code examples on how to group data using these methods compared to traditional reduce method. TypeScript 5.4 supports these new APIs with appropriate configuration. 65 2. 2 [](https://daily.dev/posts/vue-basics-moving-away-from-filters-in-vue-3-qitlefxgk "Vue Basics: Moving Away from Filters in Vue 3") Article Telerik · 2y Vue Basics: Moving Away from Filters in Vue 3 Vue 3, launched in September 2020, deprecated filters used in Vue 2 for text and number formatting within templates. Instead, Vue 3 encourages the use of computed properties and methods for similar functionalities. Computed properties handle reactive data transformations, while methods perform non-reactive transformations. This shift improves the framework's consistency and reactivity. For global filters, the Vue migration documentation suggests utilizing global properties accessible throughout the application. 36 3. 3 [](https://daily.dev/posts/how-to-optimize-file-management-in-next-js-sz0w6waru "How to Optimize File Management in Next.js") Article Telerik · 2y How to Optimize File Management in Next.js Edge Store is introduced as a type-safe solution to simplify file management in Next.js applications. The service provides features like simple integration, fast CDN, large file support, file protection, and automatic thumbnail generation. The tutorial covers the configuration and implementation of Edge Store in a Next.js application, showing server-side and client-side setups, uploading files, and handling file validation and access control. 35 1 4. 4 [](https://daily.dev/posts/vue-basics-intro-to-vue-js-watchers-ogsbeys0d "Vue Basics: Intro to Vue.js Watchers") Article Telerik · 2y Vue Basics: Intro to Vue.js Watchers Watchers in Vue.js are powerful tools used to perform actions when a data or computed property changes. They should be employed only when no other tool, like computed properties, would suffice. This tutorial covers scenarios where watchers are useful, best practices for their usage, and alternative approaches to achieve similar results. Special attention is given to avoiding common pitfalls and ensuring code remains easy to debug. 27 1 5. 5 [](https://daily.dev/posts/asp-net-core-basics-12-questions-and-answers-for-beginners-h5fidm1md "ASP.NET Core Basics: 12 Questions and Answers for Beginners") Article Telerik · 2y ASP.NET Core Basics: 12 Questions and Answers for Beginners Understanding ASP.NET Core basics is crucial for aspiring web developers using Microsoft's .NET framework. The framework is known for its high performance, modularity, and cross-platform capabilities. Core concepts like data models, object orientation, and state management are foundational. By mastering these, developers can easily adapt to future updates and create robust, scalable web applications. Key features include multiplatform compatibility, container support, and integration with Visual Studio. 27 6. 6 [](https://daily.dev/posts/vue-basics-exploring-vue-s-provide-inject-pattern-8b48xjhk4 "Vue Basics: Exploring Vue’s Provide/Inject Pattern") Article Telerik · 2y Vue Basics: Exploring Vue’s Provide/Inject Pattern Vue's provide/inject pattern allows for efficient data flow between components without prop drilling, improving maintainability especially in deep component hierarchies. Illustrated with an example of using the pattern in a Vue application with Kendo UI components, the pattern facilitates state sharing across unrelated components. The guide emphasizes how provide/inject simplifies sharing form state and validation logic in complex forms, utilizing Kendo UI to enhance form functionality and user experience. 26 1 7. 7 [](https://daily.dev/posts/image-patterns-in-tailwind-and-svg-imrx4q4tz "Image Patterns in Tailwind and SVG") Article Telerik · 2y Image Patterns in Tailwind and SVG Creating shapes in HTML is simplified using Tailwind CSS and SVG. The post demonstrates how to craft various shapes like rectangles, circles, ellipses, triangles, and gradients using Tailwind CSS classes and minimal SVG code. It highlights that different shapes may be more efficiently created using either method depending on the context, and showcases how to blend these approaches to enhance web design. 26 2 8. 8 [](https://daily.dev/posts/vue-basics-first-steps-with-nuxt-and-nuxt-cli-1bj8dcd8t "Vue Basics: First Steps with Nuxt and Nuxt CLI") Article Telerik · 2y Vue Basics: First Steps with Nuxt and Nuxt CLI Nuxt.js is a progressive framework based on Vue.js, designed to simplify the development of modern web applications through server-side rendering, static site generation, and single-page applications. Setting up a Nuxt project involves creating a new project using the Nuxt CLI, understanding its directory structure, and utilizing commands for development, build, and deployment. Key features include automatic routing, component auto-imports, and hot module replacement. The Nuxt CLI streamlines development tasks, enabling efficient application management. 22 9. 9 [](https://daily.dev/posts/unleashing-powerful-axios-features-gezd3mocw "Unleashing Powerful Axios Features") Article Telerik · 2y Unleashing Powerful Axios Features Axios is a JavaScript library for handling HTTP requests, offering features such as interceptors, custom instances, request cancellation using AbortController, and XSRF token integration. These features, often overlooked, can significantly enhance development projects. Custom instances allow for multiple configurations, interceptors modify requests and responses, and cancellation controls asynchronous tasks. It's essential for managing different APIs and improving application security. 22 [See all Telerik archives](/sources/telerik/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/telerik/best-of/2024/07#page","url":"https://daily.dev/sources/telerik/best-of/2024/07","name":"Best Telerik Posts — July 2024","description":"The most upvoted Telerik posts from July 2024, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/telerik/best-of/2024/07#items","numberOfItems":9,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/array-grouping-in-javascript-jjtqtayds","name":"Array Grouping in JavaScript"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/vue-basics-moving-away-from-filters-in-vue-3-qitlefxgk","name":"Vue Basics: Moving Away from Filters in Vue 3"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/how-to-optimize-file-management-in-next-js-sz0w6waru","name":"How to Optimize File Management in Next.js"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/vue-basics-intro-to-vue-js-watchers-ogsbeys0d","name":"Vue Basics: Intro to Vue.js Watchers"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/asp-net-core-basics-12-questions-and-answers-for-beginners-h5fidm1md","name":"ASP.NET Core Basics: 12 Questions and Answers for Beginners"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/vue-basics-exploring-vue-s-provide-inject-pattern-8b48xjhk4","name":"Vue Basics: Exploring Vue’s Provide/Inject Pattern"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/image-patterns-in-tailwind-and-svg-imrx4q4tz","name":"Image Patterns in Tailwind and SVG"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/vue-basics-first-steps-with-nuxt-and-nuxt-cli-1bj8dcd8t","name":"Vue Basics: First Steps with Nuxt and Nuxt CLI"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/unleashing-powerful-axios-features-gezd3mocw","name":"Unleashing Powerful Axios Features"}]},{"@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":"Telerik","item":"https://daily.dev/sources/telerik"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/telerik/best-of"},{"@type":"ListItem","position":5,"name":"July 2024"}]}]} ```