--- title: Best developer posts — July 2023 | daily.dev description: The most upvoted daily.dev posts from July 2023, curated by the daily.dev community. canonical: https://daily.dev/posts/best-of/2023/07 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/posts/best-of/2023/07 og:type: website og:site_name: daily.dev og:title: Best developer posts — July 2023 | daily.dev og:description: The most upvoted daily.dev posts from July 2023, 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 — July 2023 1. 1 [](https://daily.dev/posts/iconbuddy-100k-open-source-icons-pozwwuwz1 "Iconbuddy — 100K+ open source icons") Article Pointer · 3y Iconbuddy — 100K+ open source icons Iconbuddy - 100K+ open source icons Iconbuddy Download, Customize, Edit and Personalize. We're shipping things fast af! We're soon launching a powerfulapi, sign up to keep updated. Contact us or follow us on us on Twitter. 636 44 2. 2 [](https://daily.dev/posts/downvotes--qk301jnuy "Downvotes 👎") Article daily.dev Changelog · 3y Downvotes 👎 You can now downvote posts that don't resonate with you. While invisible to others, your downvote improves our recommendation system. You can downvote via the post page or in your feed. Once you downvote, additional actions like blocking the source or reporting the post become available. 484 48 3. 3 [](https://daily.dev/posts/new-viewport-units-lkicakzcc "New Viewport Units") Article Ahmad Shadeed · 3y New Viewport Units New Viewport Units - Ahmad Shadeed We have been using CSS viewport units since 2012\. They are useful to help us in sizing elements based on the viewport width or height. But using the unit on mobile is buggy. The reason is that viewport size won’t include the browser’s address bar UI. 343 28 4. 4 [](https://daily.dev/posts/announcing-overflowai-exhzbg3xa "Announcing OverflowAI") Article Stack Overflow Blog · 3y Announcing OverflowAI Stack Overflow AI will bring the vast knowledge of 58 million questions and answers from our community right into the area where developers find focus and get work done. The new features and products we announced today from the stage of WeAreDevelopers. We're putting all this work under the umbrella of OverflowAI. 328 26 5. 5 [](https://daily.dev/posts/tailwind-css-tips-and-tricks-worth-knowing-tvycaidq8 "Tailwind CSS Tips and Tricks Worth Knowing") Article builder.io · 3y Tailwind CSS Tips and Tricks Worth Knowing Tailwind allows us to change the style of an element based on its state with helper classes. There are some times where we are forced to use CSS for our styles. Tailwind has some very useful and easy-to-use animation utility classes. For example, we can add the transition color class and set a duration of 300 milliseconds. 323 38 6. 6 [](https://daily.dev/posts/5-tips-to-improve-your-typescript-code-qpunk9sda "5 Tips To Improve Your TypeScript Code") Article asayer · 3y 5 Tips To Improve Your TypeScript Code TypeScript is rapidly gaining popularity as a way to write type-safer, maintainable JavaScript code. This article will cover five tips that will help you improve your TypeScript code. To get the most out of this text and become a great developer, you must have sufficient knowledge of JavaScript, including variables, data types, and methods. 315 21 7. 7 [](https://daily.dev/posts/the-future-of-web-development-uelqaomuh "The Future of Web Development") Article DZone · 3y The Future of Web Development The Future of Web Development: Predictions and Possibilities Discover the future of web development. Explore AI, PWAs, VR, and more. Get insights on possibilities and the role of web developers. 278 27 8. 8 [](https://daily.dev/posts/6-low-code-tools-that-will-make-you-a-better-frontend-developer-o4ajsnl57 "6 Low-Code Tools That Will Make You a Better Frontend Developer") Article Permit.io · 3y 6 Low-Code Tools That Will Make You a Better Frontend Developer A developer is measured by their ability to deliver product features in less time while maintaining high code quality. Striking this balance has become more achievable today, thanks to advancements in languages, platforms, CI/CD automation tools, and testing methodologies. We'll explore six low-code tools that can help you become a better frontend developer. 272 22 9. 9 [](https://daily.dev/posts/ep69-explaining-json-web-token-jwt-to-a-10-year-old-kid-pi7nqpho5 "EP69: Explaining JSON Web Token (JWT) To a 10 Year Old Kid") Article ByteByteGo · 3y EP69: Explaining JSON Web Token (JWT) To a 10 Year Old Kid This week’s system design refresher: DevOps vs. SRE vs. Platform Engineering. Explaining JSON Web Token (JWT) to a 10-year-old Kid is a special box called a JWT. The header is like the label on the outside of the box. It tells us what type of box it is and how it's secured. 263 3 10. 10 [](https://daily.dev/posts/expressots---the-developer-friendly-typescript-framework-for-server-side-applications-yfijd2zlv "ExpressoTS - The Developer-Friendly TypeScript Framework for Server-Side Applications") Article Community Picks · 3y ExpressoTS - The Developer-Friendly TypeScript Framework for Server-Side Applications Built on a modular architecture and designed with simplicity in mind, it empowers developers to quickly create powerful applications. Current Partners ExpressoTS is an MIT-licensed open-source project. The Developer-Friendly TypeScript Framework for Server-Side Applications is available on Node.js. 256 69 11. 11 [](https://daily.dev/posts/stop-being-a-jr-software-engineer-prime-reacts-l5b7jh5yb "Stop Being A JR Software Engineer | Prime Reacts") Article Community Picks · 3y Stop Being A JR Software Engineer | Prime Reacts 233 16 12. 12 [](https://daily.dev/posts/introducing-daily-dev-squads--tvggdu6vn "Introducing daily.dev Squads 🥁") Article daily.dev Changelog · 3y Introducing daily.dev Squads 🥁 Starting today, you can enjoy daily.dev in multiplayer mode! A Squad is a group where you and other developers can come together to learn and interact on topics that matter to you. You can think of Squads like any other online group but geared specifically towards developers. Go ahead, create your Squad! 229 60 13. 13 [](https://daily.dev/posts/how-i-got-hired-contributing-to-open-source-projects-3vep6uify "How I Got Hired Contributing to open source projects") Article Community Picks · 3y How I Got Hired Contributing to open source projects In the tech space, getting a job is not based on how good you are at the technical side of things, but rather your positioning. As you read on, I will share my own journey on how I got into open source and secured my first international role as a software engineer at OpenSauced by contributing to their open source projects. 219 20 14. 14 [](https://daily.dev/posts/kuma-ui-ufn6zawzp "Kuma UI") Article Community Picks · 3y Kuma UI Kuma UI Empower Your Web with Ultimate Performance and Flexibility. Headless, zero-runtime UI components, build top-performing websites effortlessly. Enjoy maximum customization freedom with our headless components. 201 29 15. 15 [](https://daily.dev/posts/what-are-deployment-patterns--tidxgypi5 "What Are Deployment Patterns?") Article Pointer · 3y What Are Deployment Patterns? A canary release is a method of spotting possible issues before they affect all consumers. Canary releases represent one of the main enablers of continuous deployments. Red/green deployments are a newer term than blue/green, used by different companies nowadays. We use feature toggles to enable continuous deployments by splitting releases from deployments. 200 5 16. 16 [](https://daily.dev/posts/ep68-top-architectural-styles-sflnzuur9 "EP68: Top architectural styles") Article ByteByteGo · 3y EP68: Top architectural styles New Relic APM 360 goes beyond incident response and unlocks daily performance, security, and development insights for all engineers in one unified view. Firewall explained to Kids… and Adults A firewall is a network security system that controls and filters network traffic, acting as a watchman between a private network and the public Internet. 198 17. 17 [](https://daily.dev/posts/how-react-18-improves-application-performance-vercel-b9uwwledd "How React 18 Improves Application Performance – Vercel") Article Community Picks · 3y How React 18 Improves Application Performance – Vercel How React 18 Improves Application Performance - Vercel Engineering Wednesday, July 19th 2023\. Learn how concurrent features like Transitions, Suspense, and React Server Components improve application performance. We'll explore how these latest features impact and improve your application's performance. 187 11 18. 18 [](https://daily.dev/posts/scroll-based-layout-animations-vh6nlt9td "Scroll-Based Layout Animations") Article Codrops · 3y Scroll-Based Layout Animations The main idea is to switch the layout view while scrolling and keep the section pinned. We achieve this by combining GSAP’s ScrollTrigger and Flip which seamlessly transition the layout to a new design. This is partly inspired by this demo made by the folks of Framer University. 185 20 19. 19 [](https://daily.dev/posts/resume-matcher-flpmdmfby "Resume Matcher") Article Community Picks · 3y Resume Matcher Resume Matcher aims to empower developers with a deeper understanding of their resumes and skill sets. Weaviate Vector Database, Qdrant Vector Search, and Milvus support will further refine our ability to match your resume with job descriptions. Text Similarity feature provides a detailed comparison between your resume and job descriptions. 180 8 20. 20 [](https://daily.dev/posts/gibbok-typescript-book-the-concise-typescript-book-a-concise-guide-to-effective-development-in-typ-c7jgbpgy2 "gibbok/typescript-book: The Concise TypeScript Book: A Concise Guide to Effective Development in TypeScript. Free and Open Source.") Article Community Picks · 3y gibbok/typescript-book: The Concise TypeScript Book: A Concise Guide to Effective Development in TypeScript. Free and Open Source. The Concise TypeScript Book provides a comprehensive and succinct overview of TypeScript's capabilities. It offers clear explanations covering all aspects found in the latest version of the language. Author Simone Poggiali is an experienced Senior Front-end Developer with a passion for writing professional-grade code. 178 6 21. 21 [](https://daily.dev/posts/16-ai-tools-to-speed-up-your-work-3xqexsdto "16 AI Tools to Speed Up Your Work") Article Machine Learning News · 3y 16 AI Tools to Speed Up Your Work BeforeSunset AI provides personal analytics to enhance one’s capacity for planning. Users can review their weekly and daily calendars to learn more about their work habits and productivity. Notion AI streamlines workflows by automating tedious tasks, providing suggestions, and templates to users, ultimately simplifying and improving the user experience. 177 11 22. 22 [](https://daily.dev/posts/how-to-get-a-github-student-developer-pack-0ku0gh4kg "How to Get a Github Student Developer Pack") Article freeCodeCamp · 3y How to Get a Github Student Developer Pack GitHub Student Developer Pack provides students with access to a variety of top-notch developer tools. The pack is made up of a selection of benefits generously provided by GitHub's partners and collaborators. As a student, you will get access to six free months of 60+ courses covering in-demand topics. 176 14 23. 23 [](https://daily.dev/posts/how-linkedin-serves-5-million-user-profiles-per-second-zmwfctmfz "How LinkedIn Serves 5 Million User Profiles per Second") Article Quastor Daily · 3y How LinkedIn Serves 5 Million User Profiles per Second LinkedIn has over 930 million users in 200 countries. At peak load, the site is serving nearly 5 million user profile pages a second. To manage the increase in traffic, LinkedIn incorporated Couchbase into their stack as a caching layer. They’ve been able to serve 99% of requests with this caching system. 162 12 24. 24 [](https://daily.dev/posts/javascript-playground-a-no-fuss-pure-javascript-playground-with-a-live-feedback-loop-04z7olcju "JavaScript Playground – A no-fuss pure JavaScript playground with a live feedback loop") Article Community Picks · 3y JavaScript Playground – A no-fuss pure JavaScript playground with a live feedback loop JavaScript Playground is a small web application that provides a JavaScript playground for free. You can think of it as a tiny editor for you to quickly test any JavaScript supported by your browser. It functions pretty much like a REPL, where you are given immediate feedback on the Console screen as you change your code. 159 12 25. 25 [](https://daily.dev/posts/why-are-two-similar-objects-not-equal-in-javascript--t431rdugc "Why are two similar objects not equal in JavaScript?") Article freeCodeCamp · 3y Why are two similar objects not equal in JavaScript? In JavaScript, two objects cannot be equal even though they are similar in JavaSCript. In the case of objects, you are comparing the references (the addresses) and not the exact values. 158 11 [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/2023/07#page","url":"https://daily.dev/posts/best-of/2023/07","name":"Best Developer Posts — July 2023","description":"The most upvoted daily.dev posts from July 2023, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/posts/best-of/2023/07#items","numberOfItems":25,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/iconbuddy-100k-open-source-icons-pozwwuwz1","name":"Iconbuddy — 100K+ open source icons"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/downvotes--qk301jnuy","name":"Downvotes 👎"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/new-viewport-units-lkicakzcc","name":"New Viewport Units"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/announcing-overflowai-exhzbg3xa","name":"Announcing OverflowAI"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/tailwind-css-tips-and-tricks-worth-knowing-tvycaidq8","name":"Tailwind CSS Tips and Tricks Worth Knowing"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/5-tips-to-improve-your-typescript-code-qpunk9sda","name":"5 Tips To Improve Your TypeScript Code"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/the-future-of-web-development-uelqaomuh","name":"The Future of Web Development"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/6-low-code-tools-that-will-make-you-a-better-frontend-developer-o4ajsnl57","name":"6 Low-Code Tools That Will Make You a Better Frontend Developer"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/ep69-explaining-json-web-token-jwt-to-a-10-year-old-kid-pi7nqpho5","name":"EP69: Explaining JSON Web Token (JWT) To a 10 Year Old Kid"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/expressots---the-developer-friendly-typescript-framework-for-server-side-applications-yfijd2zlv","name":"ExpressoTS - The Developer-Friendly TypeScript Framework for Server-Side Applications"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/stop-being-a-jr-software-engineer-prime-reacts-l5b7jh5yb","name":"Stop Being A JR Software Engineer | Prime Reacts"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/introducing-daily-dev-squads--tvggdu6vn","name":"Introducing daily.dev Squads 🥁"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/how-i-got-hired-contributing-to-open-source-projects-3vep6uify","name":"How I Got Hired Contributing to open source projects"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/kuma-ui-ufn6zawzp","name":"Kuma UI"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/what-are-deployment-patterns--tidxgypi5","name":"What Are Deployment Patterns?"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/ep68-top-architectural-styles-sflnzuur9","name":"EP68: Top architectural styles"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/how-react-18-improves-application-performance-vercel-b9uwwledd","name":"How React 18 Improves Application Performance – Vercel"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/scroll-based-layout-animations-vh6nlt9td","name":"Scroll-Based Layout Animations"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/resume-matcher-flpmdmfby","name":"Resume Matcher"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/gibbok-typescript-book-the-concise-typescript-book-a-concise-guide-to-effective-development-in-typ-c7jgbpgy2","name":"gibbok/typescript-book: The Concise TypeScript Book: A Concise Guide to Effective Development in TypeScript. Free and Open Source."},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/16-ai-tools-to-speed-up-your-work-3xqexsdto","name":"16 AI Tools to Speed Up Your Work"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/how-to-get-a-github-student-developer-pack-0ku0gh4kg","name":"How to Get a Github Student Developer Pack"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/how-linkedin-serves-5-million-user-profiles-per-second-zmwfctmfz","name":"How LinkedIn Serves 5 Million User Profiles per Second"},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/javascript-playground-a-no-fuss-pure-javascript-playground-with-a-live-feedback-loop-04z7olcju","name":"JavaScript Playground – A no-fuss pure JavaScript playground with a live feedback loop"},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/why-are-two-similar-objects-not-equal-in-javascript--t431rdugc","name":"Why are two similar objects not equal in JavaScript?"}]},{"@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":"July 2023"}]}]} ```