--- title: Best Telerik posts — June 2024 | daily.dev description: The most upvoted Telerik posts from June 2024, curated by the daily.dev community. canonical: https://daily.dev/sources/telerik/best-of/2024/06 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/telerik/best-of/2024/06 og:type: website og:site_name: daily.dev og:title: Best Telerik posts — June 2024 | daily.dev og:description: The most upvoted Telerik 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 Telerik — June 2024 1. 1 [](https://daily.dev/posts/uselayouteffect-vs-useeffect-in-react-i8xbdapph "useLayoutEffect vs. useEffect in React") Article Telerik·2y useLayoutEffect vs. useEffect in React Exploring the differences between useLayoutEffect and useEffect hooks in React and when to use each hook effectively. 166 6 2. 2 [](https://daily.dev/posts/react-basics-microfrontend-vs-monorepos-wlvidifax "React Basics: Microfrontend vs. Monorepos") Article Telerik·2y React Basics: Microfrontend vs. Monorepos Explore the concepts of micro-frontends and monorepos, their pros and cons, and how they can work together. Micro-frontends are independently deliverable frontend application features composed to create a whole application, while monorepos store code for multiple projects in the same repository. 60 3 3. 3 [](https://daily.dev/posts/nuxt-3-server-components-rock-rhz8auacz "Nuxt 3 Server Components Rock") Article Telerik·2y Nuxt 3 Server Components Rock Server Components in Nuxt 3 allow you to generate pure HTML and CSS without loading client-side JavaScript. While still experimental, they offer significant advantages for non-interactive components and can be mixed with client components using feature flags and specific setups. The post includes a detailed guide on setting up these components using Firebase for data fetching and Tailwind for styling, and explains how to integrate server and client components together. 34 4. 4 [](https://daily.dev/posts/testing-in-angular-zups47llu "Testing in Angular") Article Telerik·2y Testing in Angular Learn about the current state of testing in Angular, including tools like Karma, Jasmine, and the Web Test Runner. The post covers creating tests for components and services, explains the use of TestBed for setting up testing environments, and provides a step-by-step guide for migrating from Karma to the Web Test Runner. Practical examples are given for creating and testing an Angular application, including mock data and services. 26 5. 5 [](https://daily.dev/posts/the-most-popular-build-tools-for-react-developers-in-2024-cj2rbkgct "The Most Popular Build Tools for React Developers in 2024") Article Telerik·2y The Most Popular Build Tools for React Developers in 2024 This post discusses the most popular build tools in the React ecosystem for 2024, including Rollup, esbuild, Rsbuild, Turbopack, and Vite. It explains what build tools are and provides instructions on how to use Rollup to bundle JavaScript code. 25 6. 6 [](https://daily.dev/posts/angular-basics-controlling-the-flow-of-your-templates-o9rj3ebf8 "Angular Basics: Controlling the Flow of Your Templates") Article Telerik·2y Angular Basics: Controlling the Flow of Your Templates Learn about the powerful template syntax in Angular that allows you to manipulate the DOM, bind data, and control the flow of your application's user interface. Explore the @if, @for, and @switch blocks and how they can enhance your Angular templates. 24 1 7. 7 [](https://daily.dev/posts/angular-basics-optimizing-images-with-ngoptimizedimage-l8i0deykh "Angular Basics: Optimizing Images with NgOptimizedImage") Article Telerik·2y Angular Basics: Optimizing Images with NgOptimizedImage Learn how to optimize images in an Angular app using the NgOptimizedImage directive, which allows for lazy loading, image placeholders, and automatic resizing. Improve page load times, reduce bandwidth consumption, and enhance overall performance. 19 [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/06#page","url":"https://daily.dev/sources/telerik/best-of/2024/06","name":"Best Telerik Posts — June 2024","description":"The most upvoted Telerik posts from June 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/06#items","numberOfItems":7,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/uselayouteffect-vs-useeffect-in-react-i8xbdapph","name":"useLayoutEffect vs. useEffect in React"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/react-basics-microfrontend-vs-monorepos-wlvidifax","name":"React Basics: Microfrontend vs. Monorepos"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/nuxt-3-server-components-rock-rhz8auacz","name":"Nuxt 3 Server Components Rock"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/testing-in-angular-zups47llu","name":"Testing in Angular"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/the-most-popular-build-tools-for-react-developers-in-2024-cj2rbkgct","name":"The Most Popular Build Tools for React Developers in 2024"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/angular-basics-controlling-the-flow-of-your-templates-o9rj3ebf8","name":"Angular Basics: Controlling the Flow of Your Templates"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/angular-basics-optimizing-images-with-ngoptimizedimage-l8i0deykh","name":"Angular Basics: Optimizing Images with NgOptimizedImage"}]},{"@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":"June 2024"}]}]} ```