--- title: Best LogRocket posts — June 2025 | daily.dev description: The most upvoted LogRocket posts from June 2025, curated by the daily.dev community. canonical: https://daily.dev/sources/logrocket/best-of/2025/06 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/logrocket/best-of/2025/06 og:type: website og:site_name: daily.dev og:title: Best LogRocket posts — June 2025 | daily.dev og:description: The most upvoted LogRocket posts from June 2025, 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 LogRocket — June 2025 1. 1 [](https://daily.dev/posts/top-5-next-js-alternatives-for-react-developers-sh8g2cy3n "Top 5 Next.js alternatives for React developers") Article LogRocket · 1y Top 5 Next.js alternatives for React developers Explores five alternatives to Next.js for React developers who want different approaches to building web applications. Covers Remix for full-stack apps with web-native patterns, Astro for content-heavy sites with island architecture, TanStack Start for type-safe full-stack development, Vike for flexible SSR control, and Vite + React Router for lightweight client-side apps. Each option offers different trade-offs in complexity, performance, and developer experience compared to Next.js. 187 11 2. 2 [](https://daily.dev/posts/tanstack-form-vs-react-hook-form-my5ox55fp "TanStack Form vs. React Hook Form") Article LogRocket · 1y TanStack Form vs. React Hook Form A comprehensive comparison between TanStack Form and React Hook Form for React applications. TanStack Form offers better type safety, framework-agnostic support, and advanced features for complex forms, while React Hook Form provides simpler APIs and broader community support. The choice depends on project complexity - React Hook Form for simple forms and quick setup, TanStack Form for large-scale applications requiring advanced form management capabilities. 182 9 3. 3 [](https://daily.dev/posts/tanstack-start-vs-next-js-choosing-the-right-full-stack-react-framework-ihblgmev5 "TanStack Start vs. Next.js: Choosing the right full-stack React framework") Article LogRocket · 1y TanStack Start vs. Next.js: Choosing the right full-stack React framework TanStack Start and Next.js represent two different philosophies for full-stack React development. Next.js follows a server-first architecture with built-in SSR, SSG, and file-based routing, making it ideal for content-rich websites and e-commerce platforms. TanStack Start takes a client-first approach with type-safe routing, isomorphic loaders, and flexible architecture, better suited for data-intensive dashboards and interactive applications. The choice depends on project requirements: Next.js for SEO-focused, content-heavy sites with zero-config deployment, or TanStack Start for highly customizable, type-safe applications requiring granular control. 174 8 4. 4 [](https://daily.dev/posts/when-to-use-flexbox-and-when-to-use-css-grid-a0ordufku "When to use Flexbox and when to use CSS Grid") Article LogRocket · 1y When to use Flexbox and when to use CSS Grid CSS Flexbox excels at one-dimensional layouts for aligning items in rows or columns, making it perfect for UI components and simple alignment tasks. CSS Grid handles two-dimensional layouts with both rows and columns simultaneously, ideal for complex page structures. The key principle is using Grid for overall layout architecture and Flexbox for component-level alignment. Both systems can be combined effectively - Grid for the main page structure and Flexbox within individual sections for precise element positioning. Modern web development benefits from understanding when each tool serves its purpose best rather than trying to force one solution for all layout needs. 142 4 5. 5 [](https://daily.dev/posts/modern-css-carousels-no-javascript-required-ozebgkj1f "Modern CSS carousels: No JavaScript required") Article LogRocket · 1y Modern CSS carousels: No JavaScript required Chrome 135 introduces new CSS pseudo-elements ::scroll-button() and ::scroll-marker() that enable building fully functional carousels without JavaScript. These features create interactive scroll buttons and visual markers with built-in accessibility support, including automatic screen reader announcements and keyboard navigation. The pseudo-elements work with existing CSS features like scroll-snap-type for smooth navigation and can be styled like regular HTML elements. 131 4 6. 6 [](https://daily.dev/posts/how-to-properly-handle-rejected-promises-in-typescript-ntf6uuod4 "How to properly handle rejected promises in TypeScript") Article LogRocket · 1y How to properly handle rejected promises in TypeScript Covers proper techniques for handling rejected promises in TypeScript applications, including implementation of retry logic, typed error results, and prevention of unhandled promise exceptions. Focuses on practical approaches using Angular framework with real-world examples and best practices for asynchronous error management. 75 7. 7 [](https://daily.dev/posts/how-to-optimize-your-next-js-app-with-after--kxh4djxlg "How to optimize your Next.js app with after()") Article LogRocket · 1y How to optimize your Next.js app with after() Next.js 15 introduces the after() API that allows developers to run background tasks after sending responses to clients, improving performance by preventing non-critical operations from blocking user interactions. The function works across Server Components, Server Actions, route handlers, and middleware, each with different capabilities and access to request data. It executes tasks in reverse order when nested, runs even during errors, and provides a clean alternative to cramming side effects into main request logic or using complex background job setups. 48 2 8. 8 [](https://daily.dev/posts/7-common-css-navigation-menu-mistakes-and-how-to-fix-them-ecdhmzlvf "7 common CSS navigation menu mistakes and how to fix them") Article LogRocket · 1y 7 common CSS navigation menu mistakes and how to fix them Navigation menus commonly suffer from seven key issues: dropdowns that disappear too quickly when users move their cursor, over-reliance on absolute positioning without proper constraints, using only hover states which breaks mobile functionality, inadequate touch target sizes below WCAG guidelines, hiding elements with display:none which breaks screen reader access, poor stacking context management causing z-index conflicts, and non-responsive layouts that break on smaller screens. Each problem can be solved with specific CSS techniques like transition delays, proper positioning contexts, focus-within selectors, minimum 44px touch targets, opacity/visibility combinations, intentional z-index usage, and flexible layouts. 28 9. 9 [](https://daily.dev/posts/get-vercel-level-deployment-without-vercel-level-prices-vlcueqazv "Get Vercel-level deployment without Vercel-level prices") Article LogRocket · 1y Get Vercel-level deployment without Vercel-level prices Learn how to deploy Next.js applications to Cloudflare Workers using the OpenNext adapter as a cost-effective alternative to Vercel. The guide covers setting up a product display app, configuring GitHub CI/CD integration, and implementing image optimization with Cloudflare Images. While Vercel offers better developer experience out-of-the-box, Cloudflare provides superior performance at scale with significantly lower costs and more customization options. 21 10. 10 [](https://daily.dev/posts/how-to-iterate-over-enums-in-typescript-with-code-examples--400j8wdam "How to iterate over enums in TypeScript (with code examples)") Article LogRocket · 1y How to iterate over enums in TypeScript (with code examples) TypeScript enums can be iterated using several methods including Object.keys(), Object.values(), for...in loops, and for...of loops. Numeric enums create reverse mappings that require filtering to avoid duplicate entries, while string enums are simpler to iterate. The article demonstrates practical code examples for each approach, explains the differences between numeric and string enums, and provides a reusable getEnumKeys() utility function for type-safe enum iteration. 21 1 11. 11 [](https://daily.dev/posts/react-forwardref-explained-usage-alternatives-and-react-19-update-exqnf8sgb "React forwardRef explained: Usage, alternatives, and React 19 update") Article LogRocket · 1y React forwardRef explained: Usage, alternatives, and React 19 update React's forwardRef utility allows parent components to pass refs through child components to access DOM nodes directly. The guide covers creating and using forwardRef with functional and class components, integrating it with useImperativeHandle for custom imperative methods, and TypeScript implementation. It explains when to use forwardRef versus useRef and other alternatives, while noting that forwardRef is deprecated for function components in React 19. 15 12. 12 [](https://daily.dev/posts/liquid-glass-is-here-how-should-designers-respond--ugqqm6s4u "Liquid Glass is here — how should designers respond?") Article LogRocket · 1y Liquid Glass is here — how should designers respond? Apple introduced Liquid Glass, a new transparent UI design language for iOS 26 and other platforms, marking their first major mobile interface redesign since iOS 7\. While visually impressive with realistic glass effects and fluid animations, the design faces significant criticism for readability issues and accessibility concerns. The approach resembles glassmorphism trends and Windows Aero from 2006, raising questions about innovation claims. Despite beautiful animations and cross-platform unification goals, users report cognitive load increases, contrast problems, and performance issues in the developer beta. 10 3 [See all LogRocket archives](/sources/logrocket/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/logrocket/best-of/2025/06#page","url":"https://daily.dev/sources/logrocket/best-of/2025/06","name":"Best LogRocket Posts — June 2025","description":"The most upvoted LogRocket posts from June 2025, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/logrocket/best-of/2025/06#items","numberOfItems":12,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/top-5-next-js-alternatives-for-react-developers-sh8g2cy3n","name":"Top 5 Next.js alternatives for React developers"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/tanstack-form-vs-react-hook-form-my5ox55fp","name":"TanStack Form vs. React Hook Form"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/tanstack-start-vs-next-js-choosing-the-right-full-stack-react-framework-ihblgmev5","name":"TanStack Start vs. Next.js: Choosing the right full-stack React framework"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/when-to-use-flexbox-and-when-to-use-css-grid-a0ordufku","name":"When to use Flexbox and when to use CSS Grid"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/modern-css-carousels-no-javascript-required-ozebgkj1f","name":"Modern CSS carousels: No JavaScript required"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/how-to-properly-handle-rejected-promises-in-typescript-ntf6uuod4","name":"How to properly handle rejected promises in TypeScript"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/how-to-optimize-your-next-js-app-with-after--kxh4djxlg","name":"How to optimize your Next.js app with after()"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/7-common-css-navigation-menu-mistakes-and-how-to-fix-them-ecdhmzlvf","name":"7 common CSS navigation menu mistakes and how to fix them"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/get-vercel-level-deployment-without-vercel-level-prices-vlcueqazv","name":"Get Vercel-level deployment without Vercel-level prices"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/how-to-iterate-over-enums-in-typescript-with-code-examples--400j8wdam","name":"How to iterate over enums in TypeScript (with code examples)"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/react-forwardref-explained-usage-alternatives-and-react-19-update-exqnf8sgb","name":"React forwardRef explained: Usage, alternatives, and React 19 update"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/liquid-glass-is-here-how-should-designers-respond--ugqqm6s4u","name":"Liquid Glass is here — how should designers respond?"}]},{"@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":"LogRocket","item":"https://daily.dev/sources/logrocket"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/logrocket/best-of"},{"@type":"ListItem","position":5,"name":"June 2025"}]}]} ```