--- title: Best JavaScript posts — August 2022 | daily.dev description: The most upvoted JavaScript posts from August 2022, curated by the daily.dev community. canonical: https://daily.dev/tags/javascript/best-of/2022/08 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/javascript/best-of/2022/08 og:type: website og:site_name: daily.dev og:title: Best JavaScript posts — August 2022 | daily.dev og:description: The most upvoted JavaScript posts from August 2022, 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 JavaScript — August 2022 1. 1 [](/posts/javascript-visualized-the-javascript-engine-fev6jy-eo "JavaScript Visualized: the JavaScript Engine") Article Community Picks · 4y JavaScript Visualized: the JavaScript Engine JavaScript is based on the V8 engine used by Node.js and Chromium-based browsers. The engine tries to avoid parsing code that's not necessary right away. The optimized machine code can simply be re-used in order to speed things up. V8 is open source and has some great documentation on how it works under the hood. 1K 35 2. 2 [](/posts/javascript-visualized-event-loop-k-rdpazu9 "JavaScript Visualized: Event Loop") Article Community Picks · 4y JavaScript Visualized: Event Loop JavaScript is single-threaded: only one task can run at a time. When we invoke a function, it gets added to something called the call stack. The call stack is part of the JS engine, this isn't browser specific. 533 13 3. 3 [](/posts/use-google-like-a-pro-b1nqqe7sq "Use Google like a pro") Article Community Picks · 4y Use Google like a pro Use quotes to force an exact-match search: "what is javascript" Use the OR operator to get the results related to one of the search terms. You can use the (\*) wildcards as placeholders, which will be replaced by any word or phrase. 400 18 4. 4 [](/posts/speech-recognition-with-javascript-p3djbooza "Speech Recognition with JavaScript") Article Community Picks · 4y Speech Recognition with JavaScript Speech recognition API was added to the specs and we got partial support on Chrome, Safari, Baidu, Android webview, iOS safari, samsung internet and Kaios browsers (see browser support in detail) The implementation I made currently supports English and Spanish just to showcase. 336 11 5. 5 [](/posts/lodash-is-dead-long-live-radash--3qy5nb-hz "Lodash is dead. Long live Radash.") Article Medium · 4y Lodash is dead. Long live Radash. Lodash was created in 2009 (as Underscore) and rose to power after a fork (as Lodash) around 2012-2013\. The language was too unsafe, unmaintainable, and unwieldy. The addition of optional chaining and null coalescing alone makes a large handful of Lodash functions obsolete. The source code is maintained with understandability for newcomers as a top priority. 327 27 6. 6 [](/posts/how-to-use-multithreading-in-node-js-miwi0gr8y "How To Use Multithreading in Node.js") Article Community Picks · 4y How To Use Multithreading in Node.js Since JavaScript is single-threaded, it blocks the main thread and no other code executes until the task completes. To understand this, you will create a Node.js program with an infinite loop so that it doesn’t exit when run. Using nano or your preferred text editor, create and open the process.js file: nano process. 301 14 7. 7 [](/posts/please-stop-using-local-storage-nvkjpsixv "Please Stop Using Local Storage") Article Community Picks · 4y Please Stop Using Local Storage Local storage is just one big old JavaScript object that you can attach data to (or remove data from) Local storage provides at least 5MB of data storage across all major web browsers. This is a fairly low limit for people building apps that are data intensive or need to function offline. If the app you're using doesn't fit the above description: don't use local storage. 287 22 8. 8 [](/posts/the-css-hack-you-need-to-know--sbyq2um5f "The CSS Hack You Need To Know!") Article Dev Genius · 4y The CSS Hack You Need To Know! The Attr() selector allows our CSS style sheet code to communicate with our HTML. The selector allows us to read in attribute values specific to the targeted HTML tag or element. A common practice implementation for this type of feature would be to use an additional span within an element. The span value is updated as required. 267 11 9. 9 [](/posts/react-code-conventions-and-best-practices-wxydtikzs "React code conventions and best practices") Article gitconnected · 4y React code conventions and best practices React code conventions and best practices use linting and automatic formatter. Use PascalCase in components, interfaces, or type aliases. Prefer using typescript barrels A barrel is a way to roll up exports from several modules into a single convenient module. 221 8 10. 10 [](/posts/javascript-visualized-prototypal-inheritance-s6ht40ais "JavaScript Visualized: Prototypal Inheritance") Article Community Picks · 4y JavaScript Visualized: Prototypal Inheritance In an extended class, we can access the parent class' constructor using the super keyword. By default, this object contains a constructor property, which is simply a reference to the chihuahua. But these chihuahuas can also do something special, they have a small bark. Now as you can imagine, the prototype chain doesn't go on forever. 189 6 11. 11 [](/posts/9-bad-react-habits-to-kick-from-your-life-mnbdsrbxq "9 Bad React Habits to Kick From Your Life") Article Honeypot · 4y 9 Bad React Habits to Kick From Your Life React has become a word that developers worldwide hear on a regular basis. Too much flexibility makes it easy to pick up bad habits and poor practices. Here are some of the worst practices I’ve seen (and may or may not have done in the past) The useEffect hook is probably one of the first hooks a React developer learns. 182 11 12. 12 [](/posts/build-your-first-electron-app-ocqinw-yx "Build your first Electron app") Article Hashnode · 4y Build your first Electron app Electron is a free and open-source framework maintained mainly by GitHub. It powers dozens of apps, including Discord, Slack, Notion, VSCode, Spotify, and many more. The framework is designed to let developers create desktop applications using web technologies such as JavaScript, HTML, and CSS. 155 5 13. 13 [](/posts/5-good-practices-to-scale-your-react-projects-easily-azrupitvs "5 Good practices to scale your React projects easily") Article Community Picks · 4y 5 Good practices to scale your React projects easily Reuse and reduce development time. Organize project and prevent project reconstructions. Show you are good developer by taking consideration of the project and other devs. Here are 5 lessons I learned from scaling my React projects. 137 9 14. 14 [](/posts/real-world-application-s7bf-tdv4 "Real world application") Article Changelog · 4y Real world application Electron is a framework for creating native applications with web technologies like JavaScript, HTML, and CSS. The Electron app is written in plain-old HTML and JavaScript. The Tauri app installer is around 2,5MB (!!!), while the Electron install is around \~85MB. Tauri has many security features built-in by default. You can even explicitly enable or disable certain APIs. 132 8 15. 15 [](/posts/typescript---the-best-way-to-use-it-with-react-rgtj-tlrp "TypeScript - The Best Way to Use It with React") Article Community Picks · 4y TypeScript - The Best Way to Use It with React TypeScript is a great way to improve your React code. It can help you catch errors, optimize performance and make your code more readable. It is possible to write code that is valid TypeScript but will not compile because of an error in React. This means that developers need to be aware of both TypeScript and React when they are writing their code. Test your API for free now at BLST! 121 8 16. 16 [](/posts/what-is-bun-js-and-why-is-the-javascript-community-excited-about-it--m7kptmcko "What Is Bun.js and Why Is the JavaScript Community Excited About It?") Article Community Picks · 4y What Is Bun.js and Why Is the JavaScript Community Excited About It? Bun is the third of its kind after Node.js and Deno.js, created by Jarred Sumner using the Zig programming language. Bun advances to provide new levels of speed and enhanced complexity. 118 10 17. 17 [](/posts/html-is-all-you-need-to-make-a-website-y8fkchbia "HTML is all you need to make a website") Article Community Picks · 4y HTML is all you need to make a website At the dawn of Web 1.0, there was only HTML. At the heart of every website is pure, unadulterated HTML. The first website ever is still online, and yes — it's just HTML. 111 30 18. 18 [](/posts/how-i-got-my-1st-job-as-a-developer-by-making-simple-projects-seem-big-xvyw-0tbi "How I got my 1st job as a developer by making simple projects seem big") Article Hashnode · 4y How I got my 1st job as a developer by making simple projects seem big Julia is a self-taught front-end developer in his thirties who switched career into tech after studying Japanese and musicology while working part-time at a casino. She created a simple calculator using JavaScript using HTML, SCSS, JavaScript, hosted on GitHub pages to run the app. She later updated the code and created some mixins to familiarize herself with it. 108 4 19. 19 [](/posts/astro-1-0-opwkfsmtg "Astro 1.0") Article Hacker News · 4y Astro 1.0 Astro v1.0 is a web framework for building fast, content-focused websites. Over the last 16 months, Astro has grown from an empty repo to over 13,000 stars on GitHub and 30,000 early users around the world. Astro has already been Addy Osmani, Software Engineer, Google Chrome Astro’s fast performance is even more noticeable to end users. 108 7 20. 20 [](/posts/javascript-to-know-for-reactjs--nlgqldbo "Javascript to know for Reactjs") Article Community Picks · 4y Javascript to know for Reactjs React js is an open javascript library that enables us to be build fast, declarative and component driven web development. With reactjs you can build web apps, cross platform mobiles apps (react native), desktop apps (electron, node gui), progressive web apps (pwas) 100 4 21. 21 [](/posts/javascript-v8-engine-sqyyjss98 "JavaScript: V8 Engine") Article Community Picks · 4y JavaScript: V8 Engine The letters 'JS' within a square JavaScript: V8 Engine is a single-threaded scripting language. This means it can only do 1 thing at a time. It has 1 call stack. 97 6 22. 22 [](/posts/modern-web-debugging-in-chrome-devtools-sgvkkozcf "Modern web debugging in Chrome DevTools") Article Chrome Developers · 4y Modern web debugging in Chrome DevTools Chrome DevTools has an extra setting enabled by default: Automatically add known third-party scripts to ignore list. With this setting enabled, DevTools hides any file or folder that a framework or build tool has marked as to ignore. This is a preview feature available in Chrome Canary from version 106. 92 4 23. 23 [](/posts/javascript-fundamentals-vlwndo-ue "Javascript Fundamentals") Article Community Picks · 4y Javascript Fundamentals Javascript is a high-level, object-oriented, multi-paradigm programming language. In 1995, Brendan Eich created the very first version of Javascript in just 10 days. In 1996, "Mocha" was renamed to LiveScript and then to Javascript to Conditionals In JavaScript. If break is not used, next block of code for next case will be executed automatically. If break was not used. 91 5 24. 24 [](/posts/how-do-database-indexes-work--qofhfwn8k "How do database indexes work?") Article FREEK.DEV · 4y How do database indexes work? Every month I send out a newsletter containing lots of interesting stuff for the modern PHP developer. Expect quick tips & tricks, interesting tutorials, opinions and packages. 83 25. 25 [](/posts/frontend-web-developer-21-hour-bootcamp-e-luessk8 "Frontend Web Developer 21-Hour Bootcamp") Article freeCodeCamp · 4y Frontend Web Developer 21-Hour Bootcamp Frontend Web Developer 21-Hour Bootcamp will teach you the core skills you need to know to become a frontend web developer. You will learn various web development technologies and create a few projects. 80 [See all JavaScript archives](/tags/javascript/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/tags/javascript/best-of/2022/08#page","url":"https://daily.dev/tags/javascript/best-of/2022/08","name":"Best JavaScript Posts — August 2022","description":"The most upvoted JavaScript posts from August 2022, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/javascript/best-of/2022/08#items","numberOfItems":25,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/javascript-visualized-the-javascript-engine-fev6jy-eo","name":"JavaScript Visualized: the JavaScript Engine"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/javascript-visualized-event-loop-k-rdpazu9","name":"JavaScript Visualized: Event Loop"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/use-google-like-a-pro-b1nqqe7sq","name":"Use Google like a pro"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/speech-recognition-with-javascript-p3djbooza","name":"Speech Recognition with JavaScript"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/lodash-is-dead-long-live-radash--3qy5nb-hz","name":"Lodash is dead. Long live Radash."},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/how-to-use-multithreading-in-node-js-miwi0gr8y","name":"How To Use Multithreading in Node.js"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/please-stop-using-local-storage-nvkjpsixv","name":"Please Stop Using Local Storage"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/the-css-hack-you-need-to-know--sbyq2um5f","name":"The CSS Hack You Need To Know!"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/react-code-conventions-and-best-practices-wxydtikzs","name":"React code conventions and best practices"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/javascript-visualized-prototypal-inheritance-s6ht40ais","name":"JavaScript Visualized: Prototypal Inheritance"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/9-bad-react-habits-to-kick-from-your-life-mnbdsrbxq","name":"9 Bad React Habits to Kick From Your Life"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/build-your-first-electron-app-ocqinw-yx","name":"Build your first Electron app"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/5-good-practices-to-scale-your-react-projects-easily-azrupitvs","name":"5 Good practices to scale your React projects easily"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/real-world-application-s7bf-tdv4","name":"Real world application"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/typescript---the-best-way-to-use-it-with-react-rgtj-tlrp","name":"TypeScript - The Best Way to Use It with React"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/what-is-bun-js-and-why-is-the-javascript-community-excited-about-it--m7kptmcko","name":"What Is Bun.js and Why Is the JavaScript Community Excited About It?"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/html-is-all-you-need-to-make-a-website-y8fkchbia","name":"HTML is all you need to make a website"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/how-i-got-my-1st-job-as-a-developer-by-making-simple-projects-seem-big-xvyw-0tbi","name":"How I got my 1st job as a developer by making simple projects seem big"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/astro-1-0-opwkfsmtg","name":"Astro 1.0"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/javascript-to-know-for-reactjs--nlgqldbo","name":"Javascript to know for Reactjs"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/javascript-v8-engine-sqyyjss98","name":"JavaScript: V8 Engine"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/modern-web-debugging-in-chrome-devtools-sgvkkozcf","name":"Modern web debugging in Chrome DevTools"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/javascript-fundamentals-vlwndo-ue","name":"Javascript Fundamentals"},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/how-do-database-indexes-work--qofhfwn8k","name":"How do database indexes work?"},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/frontend-web-developer-21-hour-bootcamp-e-luessk8","name":"Frontend Web Developer 21-Hour Bootcamp"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Tags","item":"https://daily.dev/tags"},{"@type":"ListItem","position":3,"name":"JavaScript","item":"https://daily.dev/tags/javascript"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/tags/javascript/best-of"},{"@type":"ListItem","position":5,"name":"August 2022"}]}]} ```