--- title: Best Logging posts — November 2020 | daily.dev description: The most upvoted Logging posts from November 2020, curated by the daily.dev community. canonical: https://daily.dev/tags/logging/best-of/2020/11 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/logging/best-of/2020/11 og:type: website og:site_name: daily.dev og:title: Best Logging posts — November 2020 | daily.dev og:description: The most upvoted Logging posts from November 2020, 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 Logging — November 2020 1. 1 [](/posts/10-best-javascript-practices-recommended-by-top-developers-jsid0etm8 "10 best JavaScript practices recommended by Top Developers") Article Hashnode · 6y 10 best JavaScript practices recommended by Top Developers JavaScript is a little different to other programming languages. Here are some of the practises I and several other senior developers follow. If you have recently started learning JavaScript or a beginner I would highly recommend you to read the complete article so that you follow better practises while coding in JavaScript. 132 6 2. 2 [](/posts/use-console-log-like-a-pro--ntp5htspd "Use console.log() like a pro!") Article Hashnode · 6y Use console.log() like a pro! The console object provides access to the browser’s debugging console. The specifics of how it works varies from browser to browser, but there is a de facto set of features that are typically provided. The console.log output can be styled in DevTools using the CSS format specifier. 44 9 3. 3 [](/posts/level-up-your-javascript-browser-logs-with-these-console-log-tips-ychmry-do "Level up your JavaScript browser logs with these console.log() tips") Article DEV · 6y Level up your JavaScript browser logs with these console.log() tips Firecode.io is a free, open-source web app that lets developers test and test again their code. One of Firecode’s core features is a built-in logging tool called console.log() that can be used to monitor, troubleshoot, and debug your applications. In this article, we look at some tips and tricks for frontend logging in the browser. 38 3 4. 4 [](/posts/the-lifecycle-of-react-hooks-component-pctj8t8om "The Lifecycle of React Hooks Component") Article Hashnode · 6y The Lifecycle of React Hooks Component Every component has three phases:Mount Update Unmount - Hooks Flow. Mount is when the component initially mounts on a page. Unmount is when it updates. Cleanup is when component unmounts from the page. In this stage, the flow of hooks is as follows: render, run and cleanup. 16 2 5. 5 [](/posts/data-structures-in-javascript-dictionaries-pkcjokkyu "Data structures in JavaScript: Dictionaries") Article Flavio Copes · 6y Data structures in JavaScript: Dictionaries ES6 introduced the Map data structure, providing us a proper tool to handle this kind of data organization. What is a Map? It's a data structure that allows to associate data to a key. A WeakMap is a special kind of Map that lets all its items be freely collected. 16 1 6. 6 [](/posts/javascript-console-api-i-tokscwgf "JavaScript console API") Article Hashnode · 6y JavaScript console API console.count() will count the number of times this statement will be called with the label that is been passed. console.clear() is used to clear the console. The error message will be highlighted with a red color by default. Console.table() allows us to generate a table inside a console. Whenever we want to know the amount of time spent on a specific block of code, we can use the time() and time() methods. 12 6 [See all Logging archives](/tags/logging/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/logging/best-of/2020/11#page","url":"https://daily.dev/tags/logging/best-of/2020/11","name":"Best Logging Posts — November 2020","description":"The most upvoted Logging posts from November 2020, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/logging/best-of/2020/11#items","numberOfItems":6,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/10-best-javascript-practices-recommended-by-top-developers-jsid0etm8","name":"10 best JavaScript practices recommended by Top Developers"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/use-console-log-like-a-pro--ntp5htspd","name":"Use console.log() like a pro!"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/level-up-your-javascript-browser-logs-with-these-console-log-tips-ychmry-do","name":"Level up your JavaScript browser logs with these console.log() tips"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/the-lifecycle-of-react-hooks-component-pctj8t8om","name":"The Lifecycle of React Hooks Component"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/data-structures-in-javascript-dictionaries-pkcjokkyu","name":"Data structures in JavaScript: Dictionaries"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/javascript-console-api-i-tokscwgf","name":"JavaScript console API"}]},{"@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":"Logging","item":"https://daily.dev/tags/logging"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/tags/logging/best-of"},{"@type":"ListItem","position":5,"name":"November 2020"}]}]} ```