--- title: Best JavaScript posts — February 2021 | daily.dev description: The most upvoted JavaScript posts from February 2021, curated by the daily.dev community. canonical: https://daily.dev/tags/javascript/best-of/2021/02 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/javascript/best-of/2021/02 og:type: website og:site_name: daily.dev og:title: Best JavaScript posts — February 2021 | daily.dev og:description: The most upvoted JavaScript posts from February 2021, 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 — February 2021 1. 1 [](https://daily.dev/posts/100-most-asked-javascript-interview-questions-and-answers---part-1-lqj3kzz4a "100 most asked JavaScript Interview Questions and Answers - Part 1") Article Hashnode·6y 100 most asked JavaScript Interview Questions and Answers - Part 1 JavaScript is a lightweight, interpreted, or just-in-time compiled programming language with first-class functions. It is most well-known as the scripting language for Web pages, but many non-browser environments also use it, such as Node.js, Apache CouchDB, and Adobe Acrobat. 96 13 2. 2 [](https://daily.dev/posts/5-useful-javascript-tricks-l54z0tjgwa "5 useful javascript tricks") Article DEV·6y 5 useful javascript tricks In this post, I will show you 5 awesome javascript tricks which will make your life more easier. So if you are interested, continue reading. Tricks include removing duplicates from an Array and turning a Decimal Number to an integer. Trick-4: Get a random index value from an array. Trick-5: Detect the most lengthy word in an array 83 4 3. 3 [](https://daily.dev/posts/8-javascript-animation-libraries-you-should-must-try--7pqxgarob "8 JavaScript Animation Libraries You should "MUST TRY"") Article DEV·6y 8 JavaScript Animation Libraries You should "MUST TRY" Animations on web applications are appealing and grab the user’s attention. JavaScript is the preferred tool of use because it handles more complex and advanced effects. Using mo.js on your site will enhance the user experience, enrich your content visually and create delightful animations precisely. 80 3 4. 4 [](https://daily.dev/posts/what-s-new-in-javascript-21---es12-8izyjixoe "What's new in Javascript 21 - ES12") Article Hashnode·6y What's new in Javascript 21 - ES12 This year javascript is bringing 4 new features, which are almost in production rollout. I won't be wasting much more time and directly jump to code with easy to understand examples. Use the latest node version, if you want to play around with these features. Once the compatible node version is available, simply create a new JS file, and let's get started. 51 2 5. 5 [](https://daily.dev/posts/handle-javascript-events-like-a-pro-9x8ltp5l4 "Handle JavaScript Events Like A Pro") Article Medium·6y Handle JavaScript Events Like A Pro An event propagates in 3 phases: capture, bubble and target. If an event has occurred on a button then it will also be triggered by its parent and its parent’s parent and so on up until the HTML element. An event bubbling is the propagation of an event from its origin towards the root element. 50 3 6. 6 [](https://daily.dev/posts/how-to-create-a-shrinking-header-on-scroll-without-javascript-oevpab8fg "How to Create a Shrinking Header on Scroll Without JavaScript") Article CSS-Tricks·6y How to Create a Shrinking Header on Scroll Without JavaScript Sticky headers are a way to shrink a website’s header without using JavaScript. The inner container contains all the header elements, such as the logo and the navigation. The outer container is in a way the actual header, while the only function of the parent element is to make the header taller. 43 3 7. 7 [](https://daily.dev/posts/why-javascript-developers-should-prefer-axios-over-fetch-yzknmqqzb "Why JavaScript Developers Should Prefer Axios Over Fetch") Article Better Programming·6y Why JavaScript Developers Should Prefer Axios Over Fetch Fetch() is part of a JavaScript window-object method within the Fetch API. It is built in, so users don’t have to install it. Users can avoid boilerplate and write cleaner, more succinct code in Axios. Axios has some advantages, like protection against cross-site request forgery (CSFR) attacks. 40 7 8. 8 [](https://daily.dev/posts/meet-the-hern-stack-where-everything-is-written-in-javascript-r1fhpe0h "Meet the HERN Stack, where everything is written in JavaScript") Article JavaScript in Plain English·6y Meet the HERN Stack, where everything is written in JavaScript Meet the HERN Stack, where everything is written in JavaScript. The HERN stack stands for HarperDB, Express, React, & Node, which are all written using JavaScript. There is no right or wrong answer when it comes to choosing a tech stack because it really depends on the specific use case it’s meant to solve. 39 4 9. 9 [](https://daily.dev/posts/cancelable-smooth-scrolling-f8exn7vc9 "“Cancelable” Smooth Scrolling") Article CSS-Tricks·6y “Cancelable” Smooth Scrolling I’m finding some discrepancies between browsers, as well as between CSS and JavaScript on how this all works. Here’s what I experienced on the browsers I have easy access to: Chrome, Firefox, Safari and Edge. I find the cancellable behavior better UX, although I have no data to back that up. 38 6 10. 10 [](https://daily.dev/posts/i-m-not-using-javascript-anymore-q0sodjhh1 "I’m Not Using JavaScript Anymore") Article JavaScript in Plain English·6y I’m Not Using JavaScript Anymore Deepak Vishwakarma has almost stopped writing JavaScript for the past few years. He has started developing all his library and application in TypeScript. This article does not cover the pros and cons of JavaScript. Rather than just focus on Good Parts of TypeScript, it focuses on the bad parts. 32 9 11. 11 [](https://daily.dev/posts/why-i-left-node-for-deno---9tsbzlc "Why I left Node for Deno 🦕") Article Hashnode·6y Why I left Node for Deno 🦕 Deno is a javascript runtime like Nodejs but with some changes. With Deno, you no longer need to install packages with package managers like NPM. Imports are done with Urls which can be either in deno's package manager with versioning, or directly on the git directory of your favorite library. 29 3 12. 12 [](https://daily.dev/posts/how-to-master-web-development-yhslkmbx6 "How to Master Web Development") Article DZone·6y How to Master Web Development Learn one programming language (JavaScript), the markup language HTML, and the styling language CSS. You’ll also learn the JavaScript framework React and the principles of UX and UI design. If you take a while to land your first web development job, these design skills can help you make pretty good money. 23 2 13. 13 [](https://daily.dev/posts/some-react-blog-posts-i-ve-bookmarked-and-read-lately--al7u6ywe "Some React Blog Posts I’ve Bookmarked and Read Lately") Article CSS-Tricks·6y Some React Blog Posts I’ve Bookmarked and Read Lately React is the web's most popular framework. Frontend Masters has the best courses on the web for React. Includes a complete learning course from the best teachers in JavaScript. Wanna learn React deeply? Take our React deep learning course. Back to Mail Online home. back to the page you came from. 23 14. 14 [](https://daily.dev/posts/three-important-concepts-in-javascript-wfwzt08rfe "Three important Concepts in JavaScript") Article Medium·6y Three important Concepts in JavaScript There is a lot of an important lot of concept in JavaScript. If you are a JavaScript developer, then you need to know these three concepts. When we create an object, it generates a new memory address. There are two types of scopes in JavaScript according to where we can use a variable inside our code. 22 1 15. 15 [](https://daily.dev/posts/why-you-should-use-react-js-for-web-development-ijcc1kay4 "Why You Should Use React.js For Web Development") Article freeCodeCamp·6y Why You Should Use React.js For Web Development .com. Why You Should Use React.js For Web Development. React is a React-based programming language. It's used to build and test web applications. For more information on React, visit www.react-js.com and www.react.com/react. 21 16. 16 [](https://daily.dev/posts/css-hacks-javascript-animation-libraries---picks-167-y0jfnvvsz "CSS Hacks, JavaScript Animation Libraries - Picks #167") Article daily.dev·6y CSS Hacks, JavaScript Animation Libraries - Picks #167 GitHub Surf is a new product that will let you edit the code of a repo via your browser. Learn the basics terms and components of a microservices architecture. The Dark Side of Becoming a Self-Taught Developer gives a glimpse of what it takes to be a developer. 20 3 17. 17 [](https://daily.dev/posts/the-power-of-axios-k9e74x-9b "The power of Axios") Article Bits and Pieces·6y The power of Axios Axios is a powerful promise-based HTTP client used to make requests to external servers from the browser. Get to know the features of Axios and how to use them in practice. Axios provides a range of advanced features not known by many. This article will focus on these features to increase your awareness of its true potential. 19 18. 18 [](https://daily.dev/posts/pure-functions-in-javascript-mm4fn9dnw "Pure Functions in JavaScript") Article Hashnode·6y Pure Functions in JavaScript Functional programming is a programming paradigm that's been gaining a lot of traction in JavaScript. One of the core concepts of functional programming is pure functions and writing declarative vs. imperative code. In this article, I'll define what pure functions are, why they're beneficial, and how to construct them.Pure functions consist of the following two concepts:Given the same inputs, the function will always return the same output. The function should not modify anything outside of its scope. 19 19. 19 [](https://daily.dev/posts/listify-a-javascript-array---px7jysb "Listify a JavaScript Array") Article Kent C. Dodds·6y Listify a JavaScript Array Intl.List Format is a way to display a list of items to a user. Because it's coming from the Intl standard, a TON of locales are supported, so you can get internationalization for "free" There's also a lesser-known localeMatcher option which can be configured to either 'lookup' or 'best fit' 17 2 20. 20 [](https://daily.dev/posts/a-beginner-s-guide-to-javascript-under-the-hood-skf1obb2l "A Beginner’s Guide To JavaScript Under The Hood") Article JavaScript in Plain English·6y A Beginner’s Guide To JavaScript Under The Hood JavaScript is interpreted language which means we don’t have to compile it before sending it to the browser. An interpreter takes the raw code and runs it for you. A single line of code can block a whole application down. Since JavaScript is single-threaded, it has only one stack and one process per tab. 17 21. 21 [](https://daily.dev/posts/java-script-camp-jrvplgrma "Java Script Camp") Article ITNEXT·6y Java Script Camp 16 1 22. 22 [](https://daily.dev/posts/deepdark-material-theme-a-clean-and-dark-material-theme-icon-package-for-vs-code-mxrfxklcq "Deepdark Material Theme — A clean and dark material theme + icon package for VS Code") Article Product Hunt·6y Deepdark Material Theme — A clean and dark material theme + icon package for VS Code Deepdark Material is a black on black color theme inspired by Material design colors. The theme has full support for languages like PHP, HTML and JavaScript. Deepdark Material can be downloaded from the following sites: Amazon, Google Play, Microsoft, Yahoo, Facebook, Twitter, and more. 16 2 23. 23 [](https://daily.dev/posts/javascript-hoisting-dcjxs40cn "Javascript Hoisting") Article The Startup·6y Javascript Hoisting 16 24. 24 [](https://daily.dev/posts/ultimate-cheatsheet-compilation-w4eoxe3oz "🔥 Ultimate Cheatsheet Compilation") Article Hashnode·6y 🔥 Ultimate Cheatsheet Compilation I hope you will find this blog post useful and keep it handy for a quick reference. If you want to learn more HTML, CSS, JavaScript and web development tips & tricks, then please subscribe to YouTube. Back to Mail Online home. Back To the page you came from. 15 2 25. 25 [](https://daily.dev/posts/create-chrome-extension-with-html-css-and-javascript-fe8grveug "Create Chrome Extension with HTML, CSS, and JavaScript") Article daily.dev·6y Create Chrome Extension with HTML, CSS, and JavaScript Google Chrome is one of the most loved browsers for developers as well as general users. Today, we are going to look into how you can create your very first Google Chrome extension with the use of HTML, CSS, and JavaScript. The tutorial will be easy for you. You only need to know "How to setup the extension?" 15 [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/2021/02#page","url":"https://daily.dev/tags/javascript/best-of/2021/02","name":"Best JavaScript Posts — February 2021","description":"The most upvoted JavaScript posts from February 2021, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/javascript/best-of/2021/02#items","numberOfItems":25,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/100-most-asked-javascript-interview-questions-and-answers---part-1-lqj3kzz4a","name":"100 most asked JavaScript Interview Questions and Answers - Part 1"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/5-useful-javascript-tricks-l54z0tjgwa","name":"5 useful javascript tricks"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/8-javascript-animation-libraries-you-should-must-try--7pqxgarob","name":"8 JavaScript Animation Libraries You should \"MUST TRY\""},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/what-s-new-in-javascript-21---es12-8izyjixoe","name":"What's new in Javascript 21 - ES12"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/handle-javascript-events-like-a-pro-9x8ltp5l4","name":"Handle JavaScript Events Like A Pro"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/how-to-create-a-shrinking-header-on-scroll-without-javascript-oevpab8fg","name":"How to Create a Shrinking Header on Scroll Without JavaScript"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/why-javascript-developers-should-prefer-axios-over-fetch-yzknmqqzb","name":"Why JavaScript Developers Should Prefer Axios Over Fetch"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/meet-the-hern-stack-where-everything-is-written-in-javascript-r1fhpe0h","name":"Meet the HERN Stack, where everything is written in JavaScript"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/cancelable-smooth-scrolling-f8exn7vc9","name":"“Cancelable” Smooth Scrolling"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/i-m-not-using-javascript-anymore-q0sodjhh1","name":"I’m Not Using JavaScript Anymore"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/why-i-left-node-for-deno---9tsbzlc","name":"Why I left Node for Deno 🦕"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/how-to-master-web-development-yhslkmbx6","name":"How to Master Web Development"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/some-react-blog-posts-i-ve-bookmarked-and-read-lately--al7u6ywe","name":"Some React Blog Posts I’ve Bookmarked and Read Lately"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/three-important-concepts-in-javascript-wfwzt08rfe","name":"Three important Concepts in JavaScript"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/why-you-should-use-react-js-for-web-development-ijcc1kay4","name":"Why You Should Use React.js For Web Development"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/css-hacks-javascript-animation-libraries---picks-167-y0jfnvvsz","name":"CSS Hacks, JavaScript Animation Libraries - Picks #167"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/the-power-of-axios-k9e74x-9b","name":"The power of Axios"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/pure-functions-in-javascript-mm4fn9dnw","name":"Pure Functions in JavaScript"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/listify-a-javascript-array---px7jysb","name":"Listify a JavaScript Array"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/a-beginner-s-guide-to-javascript-under-the-hood-skf1obb2l","name":"A Beginner’s Guide To JavaScript Under The Hood"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/java-script-camp-jrvplgrma","name":"Java Script Camp"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/deepdark-material-theme-a-clean-and-dark-material-theme-icon-package-for-vs-code-mxrfxklcq","name":"Deepdark Material Theme — A clean and dark material theme + icon package for VS Code"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/javascript-hoisting-dcjxs40cn","name":"Javascript Hoisting"},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/ultimate-cheatsheet-compilation-w4eoxe3oz","name":"🔥 Ultimate Cheatsheet Compilation"},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/create-chrome-extension-with-html-css-and-javascript-fe8grveug","name":"Create Chrome Extension with HTML, CSS, and JavaScript"}]},{"@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":"February 2021"}]}]} ```