--- title: Best Hacker Noon posts — June 2023 | daily.dev description: The most upvoted Hacker Noon posts from June 2023, curated by the daily.dev community. canonical: https://daily.dev/sources/hackernoon/best-of/2023/06 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/hackernoon/best-of/2023/06 og:type: website og:site_name: daily.dev og:title: Best Hacker Noon posts — June 2023 | daily.dev og:description: The most upvoted Hacker Noon posts from June 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 — June 2023 1. 1 [](https://daily.dev/posts/top-typescript-utility-functions-you-need-to-know-y1ngkpcgh "Top TypeScript Utility Functions You Need to Know") Article Hacker Noon · 3y Top TypeScript Utility Functions You Need to Know TypeScript brings powerful static type checking and expressive types. One of the key strengths of TypeScript is its extensive collection of utility functions. In this blog post, we will explore some of the most useful TypeScript utility functions that can greatly improve your programming experience. 139 10 2. 2 [](https://daily.dev/posts/migrating-from-usestate-to-usereducer-in-react-hooks-svxtjjvvj "Migrating from useState to useReducer in React Hooks") Article Hacker Noon · 3y Migrating from useState to useReducer in React Hooks Migrating from useState to useReducer in React Hooks is a simple hook that allows you to manage a single piece of state. Here is a basic example of how to convert a component that uses \`useState' and 'useReducer' to manage state. 45 2 3. 3 [](https://daily.dev/posts/demystifying-react-hooks-usage-examples-and-common-mistakes-ucjsjt1e9 "Demystifying React Hooks: Usage, Examples, and Common Mistakes") Article Hacker Noon · 3y Demystifying React Hooks: Usage, Examples, and Common Mistakes Demystifying React Hooks: Usage, Examples, and Common Mistakes Too Long; Didn't Read React is a JavaScript library used for building user interfaces. Hooks are functions that allow you to use state and other React features in functional components. 31 3 4. 4 [](https://daily.dev/posts/react-developers-love-preact-here-s-why-kpmhzgnmp "React Developers Love Preact, Here's Why") Article Hacker Noon · 3y React Developers Love Preact, Here's Why React Developers love Preact, which has a combined size of 130KB when minified. Preact weighs in at around 10KB when it's been minimized (compressed to its smallest size) and only 4KB when gzipped. 28 5. 5 [](https://daily.dev/posts/116-stories-to-learn-about-web-scraping-dldtdtfxi "116 Stories To Learn About Web Scraping") Article Hacker Noon · 3y 116 Stories To Learn About Web Scraping The amount of data available on the internet nowadays is practically limitless, with much of it no more than a few clicks away. Learn how to scrape the web using scripts written in node.js to automate scraping data off of the website and using it for whatever purpose. 19 6. 6 [](https://daily.dev/posts/building-a-node-js-inventory-and-an-invoice-billing-application-a-guide-7nkobboe1 "Building a Node.js Inventory and an Invoice Billing Application: A Guide") Article Hacker Noon · 3y Building a Node.js Inventory and an Invoice Billing Application: A Guide Building a Node.js Inventory and an Invoice Billing Application: A Guide Too Long; Didn't Read ActiveReportsJS. We'll be covering the following topics: Defining Data Access, Using Calculated Fields, Adding a Chart Control, and Adding Drill-Down Functionality. 17 7. 7 [](https://daily.dev/posts/how-to-draw-an-attractive-convenient-table-design-techniques-and-examples-jrjlut0yv "How to Draw an Attractive Convenient Table — Design Techniques and Examples") Article Hacker Noon · 3y How to Draw an Attractive Convenient Table — Design Techniques and Examples You can use it in any application, not only in graphics editors, but in Exel, PoverPoint, and Word. It will be especially useful for non-designers or novice designers to quickly get acquainted with how to design a table. 17 8. 8 [](https://daily.dev/posts/a-comprehensive-guide-for-building-efficient-data-structures-in-dart-otuyuoake "A Comprehensive Guide for Building Efficient Data Structures in Dart") Article Hacker Noon · 3y A Comprehensive Guide for Building Efficient Data Structures in Dart A Comprehensive Guide for Building Efficient Data Structures in Dart Too Long; Didn't Read. We explore the main data structures such as trees, hash maps, linked lists, queues, heaps, and undirected graphs. We discuss their functionalities, space and time complexities, and provide code examples in Dart. 14 9. 9 [](https://daily.dev/posts/getting-started-with-react-server-components-a-step-by-step-tutorial-nd94tbmwm "Getting Started with React Server Components: A Step-by-Step Tutorial") Article Hacker Noon · 3y Getting Started with React Server Components: A Step-by-Step Tutorial React Server Components are a new feature that lets you build apps that span the server and client. They can access data directly from the backend, without sending it to the client. This reduces the network and bundle size, resulting in faster loading and rendering. 12 10. 10 [](https://daily.dev/posts/209-stories-to-learn-about-website-development-qeutw88aa "209 Stories To Learn About Website Development") Article Hacker Noon · 3y 209 Stories To Learn About Website Development The Best Way to Create a Web Admin Dashboard for Your Projects is to opt for a CMS: there are many of them, the most popular being for example Wordpress. How to Block Traffic to Your Website from Russia and Belarus to show support for the Ukrainian people. How to update your website without tanking your search results. 12 11. 11 [](https://daily.dev/posts/40-stories-to-learn-about-tdd-re2ynuhqi "40 Stories To Learn About Tdd") Article Hacker Noon · 3y 40 Stories To Learn About Tdd Tdd /Learn Repo: Killing Bugs Before Day Zero Here's why you need to know TDD craft. How to use binding to Debug a Rails Application in a Docker Container Debugging in a docker container isn't that straightforward. How To Make A Record of Selenium Test Selenium is a free and automation testing tool. 11 12. 12 [](https://daily.dev/posts/66-stories-to-learn-about-bootstrap-6h9ig2dbl "66 Stories To Learn About Bootstrap") Article Hacker Noon · 3y 66 Stories To Learn About Bootstrap The world’s most popular open-source framework used by developers with HTML, CSS, and JavaScript is ready to roll out the new release - Bootstrap 5 anytime soon! How to get your personal website to the Next Level is a longer version of a Resume. How to create a Simple Flask Application for Book Search. 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/06#page","url":"https://daily.dev/sources/hackernoon/best-of/2023/06","name":"Best Hacker Noon Posts — June 2023","description":"The most upvoted Hacker Noon posts from June 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/06#items","numberOfItems":12,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/top-typescript-utility-functions-you-need-to-know-y1ngkpcgh","name":"Top TypeScript Utility Functions You Need to Know"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/migrating-from-usestate-to-usereducer-in-react-hooks-svxtjjvvj","name":"Migrating from useState to useReducer in React Hooks"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/demystifying-react-hooks-usage-examples-and-common-mistakes-ucjsjt1e9","name":"Demystifying React Hooks: Usage, Examples, and Common Mistakes"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/react-developers-love-preact-here-s-why-kpmhzgnmp","name":"React Developers Love Preact, Here's Why"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/116-stories-to-learn-about-web-scraping-dldtdtfxi","name":"116 Stories To Learn About Web Scraping"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/building-a-node-js-inventory-and-an-invoice-billing-application-a-guide-7nkobboe1","name":"Building a Node.js Inventory and an Invoice Billing Application: A Guide"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/how-to-draw-an-attractive-convenient-table-design-techniques-and-examples-jrjlut0yv","name":"How to Draw an Attractive Convenient Table — Design Techniques and Examples"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/a-comprehensive-guide-for-building-efficient-data-structures-in-dart-otuyuoake","name":"A Comprehensive Guide for Building Efficient Data Structures in Dart"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/getting-started-with-react-server-components-a-step-by-step-tutorial-nd94tbmwm","name":"Getting Started with React Server Components: A Step-by-Step Tutorial"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/209-stories-to-learn-about-website-development-qeutw88aa","name":"209 Stories To Learn About Website Development"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/40-stories-to-learn-about-tdd-re2ynuhqi","name":"40 Stories To Learn About Tdd"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/66-stories-to-learn-about-bootstrap-6h9ig2dbl","name":"66 Stories To Learn About Bootstrap"}]},{"@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":"June 2023"}]}]} ```