--- title: Best Hacker Noon posts — August 2023 | daily.dev description: The most upvoted Hacker Noon posts from August 2023, curated by the daily.dev community. canonical: https://daily.dev/sources/hackernoon/best-of/2023/08 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/hackernoon/best-of/2023/08 og:type: website og:site_name: daily.dev og:title: Best Hacker Noon posts — August 2023 | daily.dev og:description: The most upvoted Hacker Noon posts from August 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 Hacker Noon — August 2023 1. 1 [](https://daily.dev/posts/mastering-javascript-shorthands-g7k8xsml1 "Mastering JavaScript Shorthands") Article Hacker Noon · 3y Mastering JavaScript Shorthands We'll explore the art of JavaScript shorthands - nifty techniques that make your code more concise and elegant. We'll dive into real use case examples in both vanilla JavaScript and shorthand form. The Ternary Operator: Conditional Assignment Use Case. 418 39 2. 2 [](https://daily.dev/posts/the-7-software-architecture-books-experienced-developers-need-to-read-v1abf8iyt "The 7 Software Architecture Books Experienced Developers Need to Read") Article Hacker Noon · 3y The 7 Software Architecture Books Experienced Developers Need to Read The 7 Software Architecture Books are full of advice regarding object-oriented design, good coding practices, and avoiding costly mistakes in the initial phase of software development. The 7 software Architecture Books Experienced Developers need to Read Too Long; Didn't Read. 304 18 3. 3 [](https://daily.dev/posts/how-to-defeat-procrastination-via-walking-uixuhp226 "How to Defeat Procrastination via Walking") Article Hacker Noon · 3y How to Defeat Procrastination via Walking Integrating walking as a proactive response to procrastination and establishing a routine that includes regular, distraction-free walking breaks in green spaces is an efficient way to stimulate creative thinking. 227 21 4. 4 [](https://daily.dev/posts/building-a-full-stack-airbnb-clone-with-next-js-tailwind-css-amplication-and-more-zljgwxlf7 "Building a Full Stack Airbnb Clone with Next.js, Tailwind CSS, Amplication, and More") Article Hacker Noon · 3y Building a Full Stack Airbnb Clone with Next.js, Tailwind CSS, Amplication, and More Building a Full Stack Airbnb Clone with Next.js, Tailwind CSS, Amplication, and more. The platform is centered around the concept of a low-code development environment. Amplication is an open-source development tool designed to simplify and expedite the process of building web applications. 221 8 5. 5 [](https://daily.dev/posts/10-money-lessons-i-wish-i-knew-when-i-was-25-7dc6urnfq "10 Money Lessons I Wish I Knew When I Was 25") Article Hacker Noon · 3y 10 Money Lessons I Wish I Knew When I Was 25 Lokenauth has 15 years of experience in banking and tech. The lead image for this article was generated by HackerNoon's via the prompt “Dollar Bill’s.” 197 18 6. 6 [](https://daily.dev/posts/a-quick-module-design-pattern-example-in-javascript-hojwnelz4 "A Quick Module Design Pattern Example in JavaScript") Article Hacker Noon · 3y A Quick Module Design Pattern Example in JavaScript A Quick Module Design Pattern is a way to encapsulate and organize code in a self-containing module that can expose certain functionalities while keeping the rest of the code private. This helps prevent variable and function name clashes, improves code maintainability, and promotes the concept of separation of concerns. 77 4 7. 7 [](https://daily.dev/posts/how-to-manage-state-in-next-js-13-using-redux-toolkit--ni0uegecf "How to manage state in Next.js 13 using Redux Toolkit.") Article Hacker Noon · 3y How to manage state in Next.js 13 using Redux Toolkit. We will go through a real world example whereby, we need to store authentication data in redux state and in this case, it will be persisted. We will also access this data in the some of the components that need it. We will use Redux Toolkit to manage state in Next.js. 62 3 8. 8 [](https://daily.dev/posts/how-to-build-an-invoice-pdf-system-using-react-js-redux-and-node-js-lvub9xhhy "How to Build an Invoice PDF System Using React.js, Redux and Node.js") Article Hacker Noon · 3y How to Build an Invoice PDF System Using React.js, Redux and Node.js How to Build an Invoice PDF System using React.js, Redux and Node.js. The GitHub repository for the project is available for reference. Testing, Debugging, and deployment are covered. The tutorial guides you through building an invoice PDF system using React, Redux, and node.js. 52 1 9. 9 [](https://daily.dev/posts/12-project-ideas-for-aspiring-web-and-mobile-developers-xwl0owv0v "12 Project Ideas for Aspiring Web and Mobile Developers") Article Hacker Noon · 3y 12 Project Ideas for Aspiring Web and Mobile Developers The article emphasizes the importance of focusing on user interface and experience, while the projects serve as valuable learning experiences and portfolio pieces. For mobile developers, suggested projects encompass an ecommerce app, diet tracking app, personal finance app, movie review app, photo editing app, and social networking app. 21 10. 10 [](https://daily.dev/posts/functional-programming-with-javascript-a-deep-dive-wms5tdtgj "Functional Programming With JavaScript: A Deep Dive") Article Hacker Noon · 3y Functional Programming With JavaScript: A Deep Dive Functional programming with JavaScript is a programming paradigm that treats computation as the evaluation of mathematical functions. We're going to demystify the secrets of functional programming, break down its fundamental concepts, and arm you with the tools to unleash its potential in your projects. 21 11. 11 [](https://daily.dev/posts/the-complete-guide-to-deploying-nestjs-application-on-render-xdr53xwj5 "The Complete Guide to Deploying NestJS Application on Render") Article Hacker Noon · 3y The Complete Guide to Deploying NestJS Application on Render The Complete Guide to Deploying NestJS Application on Render is a cloud platform that enables you to host static websites, web apps, APIs, databases, and even cron jobs. In this article, you will learn, step by step, how to deploy a NestJS server application that utilizes Postgres as its database. 21 12. 12 [](https://daily.dev/posts/react-usestate-made-easy-for-beginners-6sxafkqcg "React useState() Made Easy for Beginners") Article Hacker Noon · 3y React useState() Made Easy for Beginners React useState() Made Easy for Beginners. The React way of dynamically updating a website’s content is different from Vanilla JavaScript. 16 5 13. 13 [](https://daily.dev/posts/i-created-a-mobile-app-that-turns-people-into-giga-chads-and-memes-with-ai-fbxepals9 "I Created a Mobile App That Turns People Into Giga Chads and Memes With AI") Article Hacker Noon · 3y I Created a Mobile App That Turns People Into Giga Chads and Memes With AI I Created a Mobile App That Turns People Into Giga Chads and Memes With AI. I'm seeking beta users to test the technology on different people. I&APos;d love to hear your ideas and feedback on how to improve the app. 16 2 14. 14 [](https://daily.dev/posts/lesser-known-git-commands-to-elevate-your-version-control-j8hynswds "Lesser-Known Git Commands to Elevate Your Version Control") Article Hacker Noon · 3y Lesser-Known Git Commands to Elevate Your Version Control There are a number of lesser-known Git commands that can significantly enhance your mastery of version control. These commands include 'git switch', 'git notes' and 'git bisect' The system is a powerful version control system that can transform your workflows. 14 1 15. 15 [](https://daily.dev/posts/exploring-the-adapter-pattern-in-react-with-an-example--v17yqmets "Exploring the Adapter Pattern in React (With an Example!)") Article Hacker Noon · 3y Exploring the Adapter Pattern in React (With an Example!) The Adapter pattern allows objects (or components) with incompatible interfaces to communicate with each other. The pattern hides the complexity of converting between interfaces by wrapping one of the objects. The most basic usage of react-hook-form involves the hook, which returns a function and a function. 13 16. 16 [](https://daily.dev/posts/build-a-personal-shopping-assistant-using-brain-js-and-node-js-qjzvcylbt "Build a Personal Shopping Assistant Using Brain.js and Node.js") Article Hacker Noon · 3y Build a Personal Shopping Assistant Using Brain.js and Node.js Build a Personal Shopping Assistant using Brain.js and Node.js to train a neural network. The program learns styles and picks awesome outfits. By the end, you'll know how to build bot recommendations for any kind of shopping. Join me to code your own stylist assistant. 13 1 17. 17 [](https://daily.dev/posts/typescript-vs-javascript-in-rest-api-automated-test-roo5scpyc "TypeScript vs JavaScript in REST API Automated Test") Article Hacker Noon · 3y TypeScript vs JavaScript in REST API Automated Test TypeScript vs JavaScript in REST API Automated Test is a programming language which is presented as a package in Node.js ecosystem. Use intellisense & type checking features to make less syntax mistakes in your code. Custom types also act as a documentation for your payload data. 13 1 18. 18 [](https://daily.dev/posts/how-i-built-my-own-paas-company-t5aplig75 "How I Built My Own PaaS Company") Article Hacker Noon · 3y How I Built My Own PaaS Company Jibri's On Demand is a leader in the open-source video conferencing community. It has reached 63 countries, assisting over 500 businesses in effortlessly recording Jitsi video. It became a lifeline during the 2020 pandemic, enabling everything from telemedicine to Santa's virtual visits. 12 19. 19 [](https://daily.dev/posts/tcp-ip-stack---oversimplified-for-web-developers--t5u1iwmyv "TCP / IP Stack - Oversimplified for Web Developers 🌍🧑🏻‍💻") Article Hacker Noon · 3y TCP / IP Stack - Oversimplified for Web Developers 🌍🧑🏻‍💻 TCP/IP stack is a conceptual model used to understand how communications are made over the internet. It consists of 4 layers. The Application Layer The provides data transport services to and from the application layer. The Link Layer The is responsible for organizing data into frames, then moving data between devices that are physically connected. 12 20. 20 [](https://daily.dev/posts/unleashing-the-power-of-typescript-improving-standard-library-types-awaea1ewp "Unleashing the Power of TypeScript: Improving Standard Library Types") Article Hacker Noon · 3y Unleashing the Power of TypeScript: Improving Standard Library Types TypeScript's standard library is a crucial component of the TypeScript Compiler. It offers a comprehensive range of built-in types for working with ECMAScript language features and Web Platform APIs. It can introduce issues with type safety that lead to bugs and a poorer developer experience. 11 21. 21 [](https://daily.dev/posts/why-you-should-send-loki-all-your-logs-aaphlrmum "Why You Should Send Loki All Your Logs") Article Hacker Noon · 3y Why You Should Send Loki All Your Logs Loki is an efficient log aggregation system that empowers observability in distributed systems. By drawing inspiration from Prometheus, Loki provides horizontally scalable, cost-effective, and multi-tenant log storage. The article covers the basics of Loki, demonstrates how to integrate it with Java applications using the Loki4j appender. 10 1 22. 22 [](https://daily.dev/posts/bringing-python-to-the-web-a-guide-to-running-python-in-your-html-sprhq8vlx "Bringing Python to the Web: A Guide to Running Python in Your HTML") Article Hacker Noon · 3y Bringing Python to the Web: A Guide to Running Python in Your HTML Bringing Python to the Web: A Guide to Running Python in Your HTML. This article dives into the fascinating concept of running Python code within HTML, unraveling the potential it holds. It was announced at PyCon US 2022 by Anaconda, makers of the Python distribution for scientific computing. 10 23. 23 [](https://daily.dev/posts/building-real-time-applications-with-next-js-13-4-server-actions-iglaumjp2 "Building Real-time Applications with Next.js 13.4 Server Actions") Article Hacker Noon · 3y Building Real-time Applications with Next.js 13.4 Server Actions The article explores building real-time web applications using Next.js 13.4's server actions. It discusses designing frontends for seamless user experiences, offers testing strategies, optimization techniques, and future enhancements. The article provides code examples, guidelines, and resources for building effective real time applications. 10 [See all Hacker Noon archives](/sources/hackernoon/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/hackernoon/best-of/2023/08#page","url":"https://daily.dev/sources/hackernoon/best-of/2023/08","name":"Best Hacker Noon Posts — August 2023","description":"The most upvoted Hacker Noon posts from August 2023, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/hackernoon/best-of/2023/08#items","numberOfItems":23,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/mastering-javascript-shorthands-g7k8xsml1","name":"Mastering JavaScript Shorthands"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/the-7-software-architecture-books-experienced-developers-need-to-read-v1abf8iyt","name":"The 7 Software Architecture Books Experienced Developers Need to Read"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/how-to-defeat-procrastination-via-walking-uixuhp226","name":"How to Defeat Procrastination via Walking"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/building-a-full-stack-airbnb-clone-with-next-js-tailwind-css-amplication-and-more-zljgwxlf7","name":"Building a Full Stack Airbnb Clone with Next.js, Tailwind CSS, Amplication, and More"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/10-money-lessons-i-wish-i-knew-when-i-was-25-7dc6urnfq","name":"10 Money Lessons I Wish I Knew When I Was 25"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/a-quick-module-design-pattern-example-in-javascript-hojwnelz4","name":"A Quick Module Design Pattern Example in JavaScript"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/how-to-manage-state-in-next-js-13-using-redux-toolkit--ni0uegecf","name":"How to manage state in Next.js 13 using Redux Toolkit."},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/how-to-build-an-invoice-pdf-system-using-react-js-redux-and-node-js-lvub9xhhy","name":"How to Build an Invoice PDF System Using React.js, Redux and Node.js"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/12-project-ideas-for-aspiring-web-and-mobile-developers-xwl0owv0v","name":"12 Project Ideas for Aspiring Web and Mobile Developers"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/functional-programming-with-javascript-a-deep-dive-wms5tdtgj","name":"Functional Programming With JavaScript: A Deep Dive"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/the-complete-guide-to-deploying-nestjs-application-on-render-xdr53xwj5","name":"The Complete Guide to Deploying NestJS Application on Render"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/react-usestate-made-easy-for-beginners-6sxafkqcg","name":"React useState() Made Easy for Beginners"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/i-created-a-mobile-app-that-turns-people-into-giga-chads-and-memes-with-ai-fbxepals9","name":"I Created a Mobile App That Turns People Into Giga Chads and Memes With AI"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/lesser-known-git-commands-to-elevate-your-version-control-j8hynswds","name":"Lesser-Known Git Commands to Elevate Your Version Control"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/exploring-the-adapter-pattern-in-react-with-an-example--v17yqmets","name":"Exploring the Adapter Pattern in React (With an Example!)"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/build-a-personal-shopping-assistant-using-brain-js-and-node-js-qjzvcylbt","name":"Build a Personal Shopping Assistant Using Brain.js and Node.js"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/typescript-vs-javascript-in-rest-api-automated-test-roo5scpyc","name":"TypeScript vs JavaScript in REST API Automated Test"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/how-i-built-my-own-paas-company-t5aplig75","name":"How I Built My Own PaaS Company"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/tcp-ip-stack---oversimplified-for-web-developers--t5u1iwmyv","name":"TCP / IP Stack - Oversimplified for Web Developers 🌍🧑🏻‍💻"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/unleashing-the-power-of-typescript-improving-standard-library-types-awaea1ewp","name":"Unleashing the Power of TypeScript: Improving Standard Library Types"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/why-you-should-send-loki-all-your-logs-aaphlrmum","name":"Why You Should Send Loki All Your Logs"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/bringing-python-to-the-web-a-guide-to-running-python-in-your-html-sprhq8vlx","name":"Bringing Python to the Web: A Guide to Running Python in Your HTML"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/building-real-time-applications-with-next-js-13-4-server-actions-iglaumjp2","name":"Building Real-time Applications with Next.js 13.4 Server Actions"}]},{"@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":"Hacker Noon","item":"https://daily.dev/sources/hackernoon"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/hackernoon/best-of"},{"@type":"ListItem","position":5,"name":"August 2023"}]}]} ```