--- title: Best Hacker Noon posts — September 2023 | daily.dev description: The most upvoted Hacker Noon posts from September 2023, curated by the daily.dev community. canonical: https://daily.dev/sources/hackernoon/best-of/2023/09 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/hackernoon/best-of/2023/09 og:type: website og:site_name: daily.dev og:title: Best Hacker Noon posts — September 2023 | daily.dev og:description: The most upvoted Hacker Noon posts from September 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 — September 2023 1. 1 [](https://daily.dev/posts/stop-using-state-for-react-forms-there-is-a-much-better-way--fps6r9pux "Stop Using State for React Forms, There is a Much Better Way!") Article Hacker Noon · 3y Stop Using State for React Forms, There is a Much Better Way! The most popular approach to handling forms in React is to store the input values in state variables. When it comes to form, React will attempt to re-render the component every time the input (state) changes. We will use the state to manage the form inputs. 222 29 2. 2 [](https://daily.dev/posts/i-m-done-typing-npm-a-zsh-function-for-javascript-package-managers-ygmqh68vr "I'm Done Typing npm: A Zsh Function for JavaScript Package Managers") Article Hacker Noon · 3y I'm Done Typing npm: A Zsh Function for JavaScript Package Managers I'm Done Typing npm: A Zsh Function for JavaScript Package Managers. HackerNoon I've typed for the last time. This is a problem because typing the wrong command costs time and irritation. 90 8 3. 3 [](https://daily.dev/posts/is-your-code-slow-avoid-these-19-common-javascript-and-node-js-mistakes-mwkkxsdbd "Is Your Code Slow?: Avoid These 19 Common JavaScript and Node.js Mistakes") Article Hacker Noon · 3y Is Your Code Slow?: Avoid These 19 Common JavaScript and Node.js Mistakes We're spotlighting the top 19 performance pitfalls that can secretly slow down JavaScript and Node.js apps. We'll explore what causes them through illustrative examples and actionable solutions to optimize your code. The good news? 88 4 4. 4 [](https://daily.dev/posts/understanding-dynamic-programming-so-you-can-use-it-effectively-8nv4p0ray "Understanding Dynamic Programming So You Can Use It Effectively") Article Hacker Noon · 3y Understanding Dynamic Programming So You Can Use It Effectively Understanding Dynamic Programming So You Can Use It Effectively. Too Long; Didn't Read This article is not related to production development, but it does concern programming. I’ll discuss Dynamic Programming (DP) and how to use previous computation experience effectively. 65 5. 5 [](https://daily.dev/posts/making-typescript-truly-strongly-typed--8jertmebt "Making TypeScript Truly "Strongly Typed"") Article Hacker Noon · 3y Making TypeScript Truly "Strongly Typed" TypeScript provides the "Any" type for situations where the shape of data is not known in advance. excessive use of this type can lead to problems with type safety, code quality, and developer experience. This article explores the risks associated with the 'Any' type. 40 2 6. 6 [](https://daily.dev/posts/file-based-routing-in-node-js-a-brief-guide-3wnxmefbn "File-Based Routing in Node.js: A Brief Guide") Article Hacker Noon · 3y File-Based Routing in Node.js: A Brief Guide This tutorial uses JavaScript and CommonJS module types to keep things simple and quick to get started. It turns out to be technology-agnostic and works with both pure and the popular Express.js. In this brief guide, we will attempt to partially implement a shop's API. 35 1 7. 7 [](https://daily.dev/posts/effective-use-of-middleware-in-express-js-practical-approaches-epmtpq5i6 "Effective Use Of Middleware In Express.js: Practical Approaches") Article Hacker Noon · 3y Effective Use Of Middleware In Express.js: Practical Approaches Middleware acts as a bridge between the incoming client requests and the outgoing server responses. It's like a helpful intermediary that steps in to process, modify, or augment requests as they move through your application. Middleware in Express.js helps streamline your application flow, enhancing its performance, security, and functionality. 26 1 8. 8 [](https://daily.dev/posts/a-guide-to-building-observability-for-microservices-jpkxdsbeo "A Guide to Building Observability for Microservices") Article Hacker Noon · 3y A Guide to Building Observability for Microservices Explore tools like Prometheus, Grafana, and Helm to set up a robust observability stack. Learn how to monitor Kubernetes-based microservices effectively, plus, get a glimpse of the essential metrics to track for optimal performance. 24 1 9. 9 [](https://daily.dev/posts/expresswebjs-adds-support-for-bunjs-6vwptmpax "ExpressWebJs adds support for Bunjs") Article Hacker Noon · 3y ExpressWebJs adds support for Bunjs ExpressWebJs adds support for Bunjs, a fast all-in-one JavaScript runtime. Like npx, bunx runs an NPM package, but it automatically installs the package to a global shared cache. Let’s get started in using Bun in ExpressWebJS. 23 10. 10 [](https://daily.dev/posts/my-experience-after-quitting-social-media-indefinitely-hq1fgh4d3 "My Experience After Quitting Social Media Indefinitely") Article Hacker Noon · 3y My Experience After Quitting Social Media Indefinitely My Experience After Quitting Social Media Indefinitely. On December 5th, 2022, I deactivated my Instagram, Facebook (you'll still see my account as I am selling some things on Marketplace, lol), and Twitter accounts. It has been four months since I have been on these channels as of April 5th. 19 4 11. 11 [](https://daily.dev/posts/creating-a-cli-app-with-nestjs-a-quick-and-easy-step-by-step-guide-4kgzktkj7 "Creating a CLI App with NestJS: A Quick and Easy Step-by-Step Guide") Article Hacker Noon · 3y Creating a CLI App with NestJS: A Quick and Easy Step-by-Step Guide NestJS has a built-in command-line toolkit that can be used to write DevOps scripts. To create a command, create a module that our command will live in. To get this command to display something, import the \`cowsay\` library. 18 12. 12 [](https://daily.dev/posts/we-need-to-stop-wasting-time-with-our-daily-standups-make-them-count-0rmehgdek "We Need to Stop Wasting Time With Our Daily Standups: Make Them Count") Article Hacker Noon · 3y We Need to Stop Wasting Time With Our Daily Standups: Make Them Count We Need to Stop Wasting Time With Our Daily Standups: Make Them Count. We need to make them count, says HackerNoon. Daily standups costs average-sized product engineering teams six-figure sums every year, so we sure as heck need to do it. 18 3 13. 13 [](https://daily.dev/posts/10-essential-mobile-app-ui-design-principles-for-building-outstanding-apps-7wnqvjg7s "10 Essential Mobile App UI Design Principles for Building Outstanding Apps") Article Hacker Noon · 3y 10 Essential Mobile App UI Design Principles for Building Outstanding Apps Good mobile app UI design is crucial for user satisfaction and success. This article discusses 10 essential principles of mobile app UI design, including simplicity and clarity, visual hierarchy, responsive design, consistent branding, user-friendly forms, intuitive navigation, accessibility and inclusivity, feedback and response, streamlined onboarding, and user testing and iteration. 17 1 14. 14 [](https://daily.dev/posts/how-suspense-and-components-streaming-works-in-next-js-81r2um306 "How and Components Streaming works in Next.js") Article Hacker Noon · 3y How and Components Streaming works in Next.js Next.js' component streaming and chunked transfer encoding is a popular tool for web development. Next.js is designed to optimize content delivery, ensure minimal wait times, and offer immediate page responsiveness. For more information on Next.JS, click here. 16 15. 15 [](https://daily.dev/posts/building-a-ci-cd-pipeline-with-aws-k8s-docker-ansible-git-github-apache-maven-and-jenkins-jcjab8adt "Building a CI/CD Pipeline with AWS, K8S, Docker, Ansible, Git, Github, Apache Maven, and Jenkins") Article Hacker Noon · 3y Building a CI/CD Pipeline with AWS, K8S, Docker, Ansible, Git, Github, Apache Maven, and Jenkins Building a CI/CD Pipeline with AWS, K8S, Docker, Ansible, Git, Github, and Jenkins with Zufar Sunagatov. By the end of this tutorial, you will get a ready to use modernCI/CD pipeline which is applicable to any projects on Github. 16 16. 16 [](https://daily.dev/posts/mastering-angular-control-value-accessor-a-guide-for-angular-developer-qkalkk4gw "Mastering Angular Control Value Accessor: A Guide for Angular Developer") Article Hacker Noon · 3y Mastering Angular Control Value Accessor: A Guide for Angular Developer Mastering Angular Control Value Accessor: A Guide for Angular Developer Too Long. In this guide, we've covered the fundamentals, implementation steps, advanced customization, real-world use cases, and troubleshooting tips. Armed with this knowledge, you're well-equipped to leverage this powerful feature in your projects. 15 17. 17 [](https://daily.dev/posts/five-free-ai-tools-for-programmers-to-10x-their-productivity-rjvdneftr "Five Free AI Tools for Programmers to 10X Their Productivity") Article Hacker Noon · 3y Five Free AI Tools for Programmers to 10X Their Productivity Software engineers, programmers, and developers can utilize Artificial Intelligence tools to 10X their productivity with enhanced efficiency. With the help of AI tools, error-less secured codes can be written fast. AI is here to make the life of our computer programmers conveniently easier with the below-mentioned five free AI tools. 14 18. 18 [](https://daily.dev/posts/optimizing-user-input-with-nest-commander-a-quick-guide-2zbsnvxkb "Optimizing User Input With Nest-Commander: A Quick Guide") Article Hacker Noon · 3y Optimizing User Input With Nest-Commander: A Quick Guide The new and improved application will display the same message by default or any string that you pass in with the argument. The easiest way to add an option is to add a parser function for a parameter and add the decorator to it. If you’ve used the commander library before, this should look familiar. 13 19. 19 [](https://daily.dev/posts/build-a-decentralized-voting-dapp-with-next-js-typescript-tailwind-css-and-cometchat-ukpbqj0cg "Build a Decentralized Voting Dapp with Next.js, TypeScript, Tailwind CSS, and CometChat") Article Hacker Noon · 3y Build a Decentralized Voting Dapp with Next.js, TypeScript, Tailwind CSS, and CometChat Build a Decentralized Voting Dapp with Next.js, TypeScript, Tailwind CSS, and CometChat Too Long; Didn't Read. These cutting-edge technologies will allow you to create a secure, user-friendly, and engaging voting system. 11 20. 20 [](https://daily.dev/posts/angular-state-management-a-comparison-of-the-different-options-available-ylkr1zrax "Angular State Management: A Comparison of the Different Options Available") Article Hacker Noon · 3y Angular State Management: A Comparison of the Different Options Available This article discusses the different options available for state management in Angular, including component state, services and RxJS, and NgRx Store. It explains when each approach is suitable and highlights the importance of choosing the right one for your application. 11 1 21. 21 [](https://daily.dev/posts/building-a-simple-scalable-and-maintainable-design-system-y95s3mstr "Building a Simple, Scalable and Maintainable Design System") Article Hacker Noon · 3y Building a Simple, Scalable and Maintainable Design System A design system comprises visual language, framework, and guidelines, offering components like color palettes, typography, and UI elements. The result is an easy-to-maintain, iOS-friendly design system using Swift and Pattern Factory for scalable, consistent UI development. 11 22. 22 [](https://daily.dev/posts/supercharge-your-react-applications-7-best-practices-and-techniques-dmlqhygcc "Supercharge Your React Applications: 7 Best Practices and Techniques") Article Hacker Noon · 3y Supercharge Your React Applications: 7 Best Practices and Techniques In this blog, we will explore 7 of the top practices and techniques to optimize the performance of a React application. Users expect fast and responsive web applications, and any lag or slowness can result in lost users and business opportunities. We will explore the top Practices and Techniques to optimize your React application. 11 23. 23 [](https://daily.dev/posts/a-guide-to-angular-signals-with-practical-use-cases-part-2--akipv3lme "A Guide to Angular Signals With Practical Use Cases (Part 2)") Article Hacker Noon · 3y A Guide to Angular Signals With Practical Use Cases (Part 2) Angular Signals can be used to manage user profile data and e-commerce cart updates. With Signals, user profile updates are instantaneously reflected. This avoids the need for manual subscription management or usage of async pipe. 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/09#page","url":"https://daily.dev/sources/hackernoon/best-of/2023/09","name":"Best Hacker Noon Posts — September 2023","description":"The most upvoted Hacker Noon posts from September 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/09#items","numberOfItems":23,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/stop-using-state-for-react-forms-there-is-a-much-better-way--fps6r9pux","name":"Stop Using State for React Forms, There is a Much Better Way!"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/i-m-done-typing-npm-a-zsh-function-for-javascript-package-managers-ygmqh68vr","name":"I'm Done Typing npm: A Zsh Function for JavaScript Package Managers"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/is-your-code-slow-avoid-these-19-common-javascript-and-node-js-mistakes-mwkkxsdbd","name":"Is Your Code Slow?: Avoid These 19 Common JavaScript and Node.js Mistakes"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/understanding-dynamic-programming-so-you-can-use-it-effectively-8nv4p0ray","name":"Understanding Dynamic Programming So You Can Use It Effectively"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/making-typescript-truly-strongly-typed--8jertmebt","name":"Making TypeScript Truly \"Strongly Typed\""},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/file-based-routing-in-node-js-a-brief-guide-3wnxmefbn","name":"File-Based Routing in Node.js: A Brief Guide"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/effective-use-of-middleware-in-express-js-practical-approaches-epmtpq5i6","name":"Effective Use Of Middleware In Express.js: Practical Approaches"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/a-guide-to-building-observability-for-microservices-jpkxdsbeo","name":"A Guide to Building Observability for Microservices"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/expresswebjs-adds-support-for-bunjs-6vwptmpax","name":"ExpressWebJs adds support for Bunjs"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/my-experience-after-quitting-social-media-indefinitely-hq1fgh4d3","name":"My Experience After Quitting Social Media Indefinitely"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/creating-a-cli-app-with-nestjs-a-quick-and-easy-step-by-step-guide-4kgzktkj7","name":"Creating a CLI App with NestJS: A Quick and Easy Step-by-Step Guide"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/we-need-to-stop-wasting-time-with-our-daily-standups-make-them-count-0rmehgdek","name":"We Need to Stop Wasting Time With Our Daily Standups: Make Them Count"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/10-essential-mobile-app-ui-design-principles-for-building-outstanding-apps-7wnqvjg7s","name":"10 Essential Mobile App UI Design Principles for Building Outstanding Apps"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/how-suspense-and-components-streaming-works-in-next-js-81r2um306","name":"How and Components Streaming works in Next.js"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/building-a-ci-cd-pipeline-with-aws-k8s-docker-ansible-git-github-apache-maven-and-jenkins-jcjab8adt","name":"Building a CI/CD Pipeline with AWS, K8S, Docker, Ansible, Git, Github, Apache Maven, and Jenkins"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/mastering-angular-control-value-accessor-a-guide-for-angular-developer-qkalkk4gw","name":"Mastering Angular Control Value Accessor: A Guide for Angular Developer"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/five-free-ai-tools-for-programmers-to-10x-their-productivity-rjvdneftr","name":"Five Free AI Tools for Programmers to 10X Their Productivity"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/optimizing-user-input-with-nest-commander-a-quick-guide-2zbsnvxkb","name":"Optimizing User Input With Nest-Commander: A Quick Guide"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/build-a-decentralized-voting-dapp-with-next-js-typescript-tailwind-css-and-cometchat-ukpbqj0cg","name":"Build a Decentralized Voting Dapp with Next.js, TypeScript, Tailwind CSS, and CometChat"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/angular-state-management-a-comparison-of-the-different-options-available-ylkr1zrax","name":"Angular State Management: A Comparison of the Different Options Available"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/building-a-simple-scalable-and-maintainable-design-system-y95s3mstr","name":"Building a Simple, Scalable and Maintainable Design System"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/supercharge-your-react-applications-7-best-practices-and-techniques-dmlqhygcc","name":"Supercharge Your React Applications: 7 Best Practices and Techniques"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/a-guide-to-angular-signals-with-practical-use-cases-part-2--akipv3lme","name":"A Guide to Angular Signals With Practical Use Cases (Part 2)"}]},{"@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":"September 2023"}]}]} ```