--- title: Best developer posts — June 2025 | daily.dev description: The most upvoted daily.dev posts from June 2025, curated by the daily.dev community. canonical: https://daily.dev/posts/best-of/2025/06 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/posts/best-of/2025/06 og:type: website og:site_name: daily.dev og:title: Best developer posts — June 2025 | daily.dev og:description: The most upvoted daily.dev 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 daily.dev — June 2025 1. 1 [](https://daily.dev/posts/odyc-js-i3hhfjsdk "Odyc.js") Article Hacker News · 1y Odyc.js Odyc.js is a lightweight JavaScript library designed to help users create interactive narrative games without requiring extensive programming knowledge. The library aims to make game development accessible to beginners while leveraging JavaScript's capabilities for creating engaging interactive experiences. 954 40 2. 2 [](https://daily.dev/posts/are-we-losing-the-joy-of-coding--2ur5wm5hq "Are We Losing the Joy of Coding?") Article Dev World · 1y Are We Losing the Joy of Coding? Explores the tension between the original joy of coding and modern development pressures. Discusses how constant framework changes, productivity demands, and industry expectations can overshadow the creative and exploratory aspects that initially drew developers to programming. Encourages reflection on maintaining passion and finding time for playful, goal-free coding projects. 795 116 3. 3 [](https://daily.dev/posts/how-i-finally-understood-docker-and-kubernetes-jgnqpnbqp "How I Finally Understood Docker and Kubernetes") Article Javarevisited · 1y How I Finally Understood Docker and Kubernetes A developer shares their journey from confusion to understanding Docker and Kubernetes by focusing on practical problems rather than technical jargon. Docker is explained as a way to package applications with their dependencies into portable containers, while Kubernetes is presented as a system for managing multiple containers in coordination. The author emphasizes learning through hands-on experience with simple projects, starting with single containers and gradually building up to multi-container systems with deployments and services. 684 21 4. 4 [](https://daily.dev/posts/animate-ui-0eva3ukjm "Animate UI") Article Community Picks · 1y Animate UI Animate UI is an open-source component distribution system that provides fully animated React components built with TypeScript, Tailwind CSS, and Framer Motion. It complements Shadcn UI by offering motion-animated components that can be installed via CLI or copied directly into projects. The platform focuses on providing dynamic backgrounds, primitive animated components, and text effects rather than being a traditional library. 626 25 5. 5 [](https://daily.dev/posts/9-mcp-projects-for-ai-engineers-3qzrrdjpr "9 MCP Projects for AI Engineers") Article Daily Dose of Data Science | Avi Chawla | Substack · 1y 9 MCP Projects for AI Engineers A comprehensive collection of 9 Model Control Protocol (MCP) projects designed for AI engineers, covering various applications from local MCP clients and agentic RAG systems to voice agents and synthetic data generators. The projects demonstrate how to integrate MCP with popular tools like Claude Desktop and Cursor IDE, enabling developers to build more sophisticated AI applications with enhanced tool connectivity and context sharing capabilities. 615 12 6. 6 [](https://daily.dev/posts/daily-dev-now-powered-by-claude-sonnet-4--urrhdlv48 "daily.dev now powered by Claude Sonnet 4!") Article daily.dev Changelog · 1y daily.dev now powered by Claude Sonnet 4! Daily.dev has upgraded its content pipeline to use Claude Sonnet 4, bringing improvements to TLDR summaries, content tagging, recommendations, and content filtering. The AI model's enhanced language comprehension and contextual awareness aims to deliver more relevant and accurate content curation for developers on the platform. 595 61 7. 7 [](https://daily.dev/posts/i-built-a-terminal-based-portfolio-you-can-access-via-ssh-4qn79zov9 "I Built a Terminal-Based Portfolio You Can Access via SSH") Article WebDev · 1y I Built a Terminal-Based Portfolio You Can Access via SSH A developer created an innovative terminal-based portfolio accessible via SSH using React Ink for the UI and a custom Go SSH server. The project combines React components with terminal interfaces, allowing users to explore a portfolio directly from their command line without needing a browser. The setup runs on a VPS and demonstrates creative ways to showcase developer work by meeting developers in their native environment. 524 125 8. 8 [](https://daily.dev/posts/srlaaqpos) Article Dev World · 1y 496 45 9. 9 [](https://daily.dev/posts/froggit---git-tui-ckpgaroaq "Froggit - Git TUI") Article Dev Tools · 1y Froggit - Git TUI Froggit is a new Git TUI (Terminal User Interface) tool in development that aims to simplify Git usage through a visual interface in the terminal. The project focuses on making Git more accessible for both beginners and advanced users by providing an intuitive alternative to complex command-line operations, with goals of being simple, fast, and workflow-enhancing. 486 57 10. 10 [](https://daily.dev/posts/neodrag-one-draggable-to-rule-them-all-ub4hasyqc "Neodrag: One draggable to rule them all") Article Community Picks · 1y Neodrag: One draggable to rule them all Neodrag is a multi-framework JavaScript library that provides drag-and-drop functionality across React, Svelte, Vue, SolidJS, and vanilla JavaScript. It features a small bundle size (3.46KB), server-side rendering compatibility, TypeScript support, and consistent behavior across all supported frameworks through shared core logic. 466 27 11. 11 [](https://daily.dev/posts/gvo6o4wgv) Article Zero To Mastery · 1y 431 53 12. 12 [](https://daily.dev/posts/the-micro-frontend-architecture-handbook-ny57eyzsg "The Micro-Frontend Architecture Handbook") Article freeCodeCamp · 1y The Micro-Frontend Architecture Handbook A comprehensive guide covering four main approaches to micro frontend architecture: iframes with cross-window messaging, Web Components with Shadow DOM, single-spa for orchestrating multiple SPAs, and Module Federation for runtime code sharing. Each method is explained with practical code examples, pros/cons analysis, and real-world use cases. The guide also covers additional tools like Piral, Luigi, and Import Maps, helping developers choose the right approach based on team structure, technical requirements, and deployment needs. 434 9 13. 13 [](https://daily.dev/posts/i-was-so-angry-i-built-my-own-qoovxzgxv "I Was So Angry, I Built My Own") Article Community Picks · 1y I Was So Angry, I Built My Own A developer built a custom project management system after frustration with existing tools. The solution features markdown-based documentation, multi-dimensional estimation using Value/Penalty/Effort/Risk metrics instead of story points, integrated Architecture Decision Records and Post-Mortems, automated DORA metrics tracking from production deployments, and enhanced Kanban boards with built-in cycle time measurement. The system leverages large context window AI models for generating documentation and maintaining consistency across components. 423 30 14. 14 [](https://daily.dev/posts/coding-llms-from-the-ground-up-a-complete-course-zl0o8ruca "Coding LLMs from the Ground Up: A Complete Course") Article Sebastian Raschka · 1y Coding LLMs from the Ground Up: A Complete Course Sebastian Raschka shares a comprehensive video course series on building Large Language Models from scratch using Python and PyTorch. The course covers seven key areas: environment setup, text data preprocessing and tokenization, attention mechanisms implementation, LLM architecture coding, pretraining on unlabeled data, classification fine-tuning, and instruction fine-tuning. The content serves as supplementary material to his book 'Build a Large Language Model (From Scratch)' and emphasizes hands-on learning through implementation rather than using pre-built frameworks. 420 5 15. 15 [](https://daily.dev/posts/best-programming-language-for-2026-zrgqw8g1i "Best Programming Language for 2026") Article Awesome Go · 1y Best Programming Language for 2026 Python remains the top choice for AI/ML and automation, while Rust gains momentum for systems programming and blockchain development. JavaScript/TypeScript continues dominating web development, Go excels for backend microservices, and Swift/Kotlin rule mobile development. The guide provides career-specific language recommendations and emphasizes choosing based on your goals rather than popularity alone. 403 30 16. 16 [](https://daily.dev/posts/solid-design-principles-every-javascript-deveveloper-should-know-mpfhscndq "SOLID Design Principles Every JavaScript Deveveloper Should Know") Article JS Development · 1y SOLID Design Principles Every JavaScript Deveveloper Should Know 400 13 17. 17 [](https://daily.dev/posts/shopify-tech-stack-qrg5vp9zq "Shopify Tech Stack") Article ByteByteGo · 1y Shopify Tech Stack Shopify processes massive scale with 173 billion requests on Black Friday using a tech stack built on Ruby on Rails, React, MySQL, and Kafka. The platform uses a modular monolith architecture with strict component boundaries, database sharding through isolated pods, and extensive tooling investments including YJIT compiler and Sorbet type checker. The infrastructure handles 284 million requests per minute at peak, 66 million Kafka messages per second, and processes 216 million ML embeddings daily for semantic search, all while maintaining developer productivity through comprehensive CI/CD pipelines and observability tools. 384 9 18. 18 [](https://daily.dev/posts/build-3-full-stack-web-apps-that-will-land-you-a-dev-job-12-hour-full-course--nvxzxnl3y "Build 3 Full-Stack Web Apps That Will Land You a Dev Job (12-Hour Full Course)") Video JavaScript Mastery · 1y Build 3 Full-Stack Web Apps That Will Land You a Dev Job (12-Hour Full Course) A comprehensive 12-hour course teaching React development through building three production-ready applications: a movie app with trending features, a serverless file management system, and an AI-powered travel admin panel. Covers React 19 fundamentals, hooks, state management, component architecture, styling with Tailwind CSS v4, and deployment strategies. Uses modern tools like Next.js 15, Appwrite for backend services, and includes practical examples of authentication, file handling, and API integration. 385 6 19. 19 [](https://daily.dev/posts/clean-animation-on-glass-buttons-wsepw2tfq "Clean Animation on Glass Buttons") Article 80 LEVEL · 1y Clean Animation on Glass Buttons Reijo creates stunning glass-like button animations using Blender, featuring smooth flipping motions and candy-like visual effects. The artist's 3D work includes interactive UI elements like yes/no options and login forms, showcasing advanced motion design techniques for creating realistic glass materials and smooth button interactions. 378 19 20. 20 [](https://daily.dev/posts/16-cool-github-repos-you-will-use-no-pressure--jluoahwm4 "16 Cool GitHub Repos You WILL Use (no pressure)") Video The Coding Sloth · 1y 16 Cool GitHub Repos You WILL Use (no pressure) A curated list of 16 useful GitHub repositories covering various programming topics including algorithm implementations, free programming books, project tutorials, system design resources, and open source alternatives. The repositories range from beginner-friendly learning materials like roadmaps and free books to more advanced topics like building programming languages and machine learning from scratch. Notable mentions include awesome lists for technology resources, algorithms repository with implementations in multiple languages, and practical tools like free developer services and public APIs. 376 8 21. 21 [](https://daily.dev/posts/omarchy-is-out-zmzicawly "Omarchy is out") Article David Heinemeier Hansson · 1y Omarchy is out DHH has released Omarchy, a pre-configured Arch Linux distribution with Hyprland tiling window manager designed for developers. This opinionated setup provides an out-of-the-box developer environment that complements his Ubuntu-based Omakub project. While Arch Linux itself isn't overly difficult, Hyprland requires extensive manual configuration for basic features like lock screens and menus, which Omarchy addresses by providing everything pre-configured. 370 13 22. 22 [](https://daily.dev/posts/grandpa-python-ofzxjq4jr "Grandpa Python") Article Lonely Programmer · 1y Grandpa Python 337 47 23. 23 [](https://daily.dev/posts/aszcpn8z7) Article DevDojo · 1y 321 4 24. 24 [](https://daily.dev/posts/34ihy0wa7) Article Dev World · 1y 322 18 25. 25 [](https://daily.dev/posts/react-design-patterns-and-best-practices-for-2025-e1pcgry51 "React Design Patterns and Best Practices for 2025") Article Telerik · 1y React Design Patterns and Best Practices for 2025 Comprehensive guide covering modern React development patterns for 2025, including function components, custom hooks, Context API, TypeScript integration, and React 19 features like useOptimistic and Server Components. Explores ecosystem tools like Next.js, Remix, Vite, and Tailwind CSS, plus enterprise UI solutions like KendoReact for building scalable, maintainable applications. 316 3 [See all daily.dev archives](/posts/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/posts/best-of/2025/06#page","url":"https://daily.dev/posts/best-of/2025/06","name":"Best Developer Posts — June 2025","description":"The most upvoted daily.dev posts from June 2025, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/posts/best-of/2025/06#items","numberOfItems":25,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/odyc-js-i3hhfjsdk","name":"Odyc.js"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/are-we-losing-the-joy-of-coding--2ur5wm5hq","name":"Are We Losing the Joy of Coding?"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/how-i-finally-understood-docker-and-kubernetes-jgnqpnbqp","name":"How I Finally Understood Docker and Kubernetes"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/animate-ui-0eva3ukjm","name":"Animate UI"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/9-mcp-projects-for-ai-engineers-3qzrrdjpr","name":"9 MCP Projects for AI Engineers"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/daily-dev-now-powered-by-claude-sonnet-4--urrhdlv48","name":"daily.dev now powered by Claude Sonnet 4!"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/i-built-a-terminal-based-portfolio-you-can-access-via-ssh-4qn79zov9","name":"I Built a Terminal-Based Portfolio You Can Access via SSH"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/srlaaqpos","name":""},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/froggit---git-tui-ckpgaroaq","name":"Froggit - Git TUI"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/neodrag-one-draggable-to-rule-them-all-ub4hasyqc","name":"Neodrag: One draggable to rule them all"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/gvo6o4wgv","name":""},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/the-micro-frontend-architecture-handbook-ny57eyzsg","name":"The Micro-Frontend Architecture Handbook"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/i-was-so-angry-i-built-my-own-qoovxzgxv","name":"I Was So Angry, I Built My Own"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/coding-llms-from-the-ground-up-a-complete-course-zl0o8ruca","name":"Coding LLMs from the Ground Up: A Complete Course"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/best-programming-language-for-2026-zrgqw8g1i","name":"Best Programming Language for 2026"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/solid-design-principles-every-javascript-deveveloper-should-know-mpfhscndq","name":"SOLID Design Principles Every JavaScript Deveveloper Should Know"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/shopify-tech-stack-qrg5vp9zq","name":"Shopify Tech Stack"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/build-3-full-stack-web-apps-that-will-land-you-a-dev-job-12-hour-full-course--nvxzxnl3y","name":"Build 3 Full-Stack Web Apps That Will Land You a Dev Job (12-Hour Full Course)"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/clean-animation-on-glass-buttons-wsepw2tfq","name":"Clean Animation on Glass Buttons"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/16-cool-github-repos-you-will-use-no-pressure--jluoahwm4","name":"16 Cool GitHub Repos You WILL Use (no pressure)"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/omarchy-is-out-zmzicawly","name":"Omarchy is out"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/grandpa-python-ofzxjq4jr","name":"Grandpa Python"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/aszcpn8z7","name":""},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/34ihy0wa7","name":""},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/react-design-patterns-and-best-practices-for-2025-e1pcgry51","name":"React Design Patterns and Best Practices for 2025"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Explore","item":"https://daily.dev/posts"},{"@type":"ListItem","position":3,"name":"Best of","item":"https://daily.dev/posts/best-of"},{"@type":"ListItem","position":4,"name":"June 2025"}]}]} ```