--- title: Best Hashnode posts — March 2021 | daily.dev description: The most upvoted Hashnode posts from March 2021, curated by the daily.dev community. canonical: https://daily.dev/sources/hashnode/best-of/2021/03 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/hashnode/best-of/2021/03 og:type: website og:site_name: daily.dev og:title: Best Hashnode posts — March 2021 | daily.dev og:description: The most upvoted Hashnode posts from March 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 Hashnode — March 2021 1. 1 [](https://daily.dev/posts/40-free-forever-tools-for-developers-iuz8ilu93 "40 "Free Forever" Tools for Developers") Article Hashnode · 6y 40 "Free Forever" Tools for Developers Hrishikesh is co-founder of Flexiple, an exclusive freelance network for developers & designers. He is forever on the lookout for great tools that help him get work done better & easier. Here, he shares the list of his go-to "Free forever" tools. 113 4 2. 2 [](https://daily.dev/posts/the-best-approach-to-lazy-load-images-for-maximum-performance-xgjctv3gn "The best approach to lazy load images for maximum performance") Article Hashnode · 5y The best approach to lazy load images for maximum performance Native lazy loading for images and iframes was released for Chrome and other major browsers. Image lazy loading is one of the more popular approaches of optimizing websites due to the relatively easy implementation and large performance gain. Around 73% of currently used browsers support this feature which is not bad but we don't want to make the website image content inaccessible and unusable to 27% of potential users. 101 7 3. 3 [](https://daily.dev/posts/top-2021-productivity-apps-wan0jbdmw "Top 2021 Productivity Apps") Article Hashnode · 5y Top 2021 Productivity Apps Every time I spin a new Linux distro, there is some software I cannot do without. In this post, I'll list the apps that I'm currently using to manage both my work and personal projects. All apps are cross-platform, which is kind of a must-have for me. 82 9 4. 4 [](https://daily.dev/posts/how-i-built-my-perfect-score-portfolio-website-uugk0rdkd "How I Built My Perfect Score Portfolio Website") Article Hashnode · 5y How I Built My Perfect Score Portfolio Website I recently published the fourth version of my portfolio jemimaabu.com. I've always built my portfolios from scratch with HTML and CSS, using as little JavaScript dependency as possible. With this version, I tried to make the code as performant and accessible as possible but still have an interactive site. This article will be about how I managed to achieve that. 75 2 5. 5 [](https://daily.dev/posts/15-funny-memes-for-software-developers-d46lflbgf "15 Funny Memes for Software Developers") Article Hashnode · 5y 15 Funny Memes for Software Developers I recently started a modified version of the #100daysofcode challenge. I aim to write content related to Python, Data Science, or Programming every day. Follow my progress on Twitter, Medium, Dev.to, Hashnode, or my WordPress Blog. Back to the page you came from. 74 6 6. 6 [](https://daily.dev/posts/improve-your-js-skills-with-theses-tips-bsx80crod "Improve your JS skills with theses tips") Article Hashnode · 5y Improve your JS skills with theses tips 62 8 7. 7 [](https://daily.dev/posts/70-free-design-resources-for-developers-hnu4kijmz "70+ Free Design Resources for Developers") Article Hashnode · 5y 70+ Free Design Resources for Developers 52 4 8. 8 [](https://daily.dev/posts/15-project-ideas-for-web-developers-hqjktvn4a "15 Project Ideas for Web Developers") Article Hashnode · 5y 15 Project Ideas for Web Developers Building projects improves one's coding skills because learning by creating stuff is more efficient. This article covers project ideas for frontend, backend, and full-stack web developers. Here are some project ideas if you're looking to improve your skills in front-end technologies. The color guesser game is a simple game that allows players to guess the background color. 51 3 9. 9 [](https://daily.dev/posts/15-amazing-websites-for-ui-inspirations--a1rioefvz "15 amazing websites for UI inspirations 💖") Article Hashnode · 6y 15 amazing websites for UI inspirations 💖 51 10. 10 [](https://daily.dev/posts/4-javascript-es2018-features-you-should-know-ae0bfsd43 "4 JavaScript ES2018 Features You Should Know") Article Hashnode · 5y 4 JavaScript ES2018 Features You Should Know The ES2018 specification introduced four new features. These features are asynchronous iteration, rest/spread properties, Promise.prototype.finally() and regular expression improvements. This tutorial will help you learn how these features work and how to use them. Asynchronous iteration is one of the lesser discussed ES2018 features. With asynchronous iteration we get asynchronous iterables and iterators. 46 5 11. 11 [](https://daily.dev/posts/complete-web-development-roadmap-for-newbies-mb-yofvss "Complete web development roadmap for newbies") Article Hashnode · 5y Complete web development roadmap for newbies This list consists of beginner languages and tools. Advanced topics are not covered. HTML is by far the easiest to learn. JavaScript is a multi-paradigm, high-level language which has evolved to become one of the most popular languages not just in web development but in many other fields. 40 2 12. 12 [](https://daily.dev/posts/ultimate-react-resources-phfaqmi2d "Ultimate React Resources") Article Hashnode · 5y Ultimate React Resources React.js resources include blog posts, free e-books, Github Repos with curated lists, practical implementation of React.js in the real world with working code. I have also included recommended free and paid courses by the React team and a React community you can join. 39 2 13. 13 [](https://daily.dev/posts/35-free-react-templates-and-themes-you-should-use-in-2021-qnnfrw3eg "35+ free React templates and themes you should use in 2021") Article Hashnode · 6y 35+ free React templates and themes you should use in 2021 React templates enable developers to get their websites up and running without coding everything from scratch. They reduce the number of hours spent coding up websites, speed up the development process, and save money. These templates range from admin dashboards to landing pages, portfolios, and more. One would say there's a React template or theme for any section of the webpage you want to build. 37 1 14. 14 [](https://daily.dev/posts/upcoming-interesting-javascript-es2021-es12-features-to-look-for-licqmfdau "Upcoming Interesting JavaScript ES2021 (ES12) Features to Look for") Article Hashnode · 5y Upcoming Interesting JavaScript ES2021 (ES12) Features to Look for The ES2021 (ES12) will be released in the middle of 2021\. In this tutorial, you will learn about the five most interesting features from this specification. They are String.prototype.replaceAll() , numeric separators, logical assignment operators, Promise.any() , WeakRef and Finalizers. 33 4 15. 15 [](https://daily.dev/posts/pr-like-a-pro--wgy5i9ms6 "PR like a Pro 😎") Article Hashnode · 5y PR like a Pro 😎 Pull requests (PRs) are a great way to keep everyone on the same page. When not done right, PRs can be a huge bottleneck and can slow down the delivery process. Here are a few recommendations that have worked for me and my team to make the most of the PR process. 31 6 16. 16 [](https://daily.dev/posts/useful-javascript-patterns-revealing-module-pattern-cgjs7uxia "Useful Javascript patterns: Revealing Module Pattern") Article Hashnode · 5y Useful Javascript patterns: Revealing Module Pattern The Revealing Module Pattern is used by JavaScript developers to keep their codebase clean. It prevents malicious JavaScript manipulation from the browser console. It can be really useful for both performance and security. The pattern can be used to create an interface that will not be accessed outside the scope of a function. 29 17. 17 [](https://daily.dev/posts/css-generators-583wp66d "CSS Generators") Article Hashnode · 5y CSS Generators I made a collection of the best CSS generators for you. You can use CSS generators to avoid some time-consuming tasks. I made this list of 10 CSS generators that will help you with colors, gradients, and shadows to adopt this new design trend or discover its possibilities. 28 4 18. 18 [](https://daily.dev/posts/react-clean-code-for-beginners-3e5-whurh "React Clean Code for Beginners") Article Hashnode · 5y React Clean Code for Beginners React developers often use code patterns that are commonly used by Front-End developers, especially React developers. In this post, I will share with all of you 4 tips to write a clean (and better) code.ESLint and Prettier are two tools that can help you write React best practices. 27 19. 19 [](https://daily.dev/posts/50-acronyms-developers-use-gtmwxbzs7 "50 Acronyms Developers Use") Article Hashnode · 6y 50 Acronyms Developers Use KISS - Keep it simple stupid. DRY - Don't repeat yourself. MVP - Minimum Viable Product. MERN - Mongo DB, Express.js, Reactjs, Node.js. Wysiwyg - what you see is what you get. WTFIGOWMC - What The Fk Is Going On With My Code. 27 2 20. 20 [](https://daily.dev/posts/automate-any-chat-messenger-with-python-rppqtbdr8 "Automate any Chat-Messenger with Python") Article Hashnode · 5y Automate any Chat-Messenger with Python In this Blog article, we will learn how to Automate any Chat-Messenger. We will see the implementation in Python. PyAutoGUI is a cross-platform GUI automation Python module. It works on Windows, macOS, and Linux, and runs on Python 2 and 3. 25 21. 21 [](https://daily.dev/posts/fetch-vs-axios-make-https-requests-like-a-pro--0i0xbbl9m "Fetch VS Axios | Make Https Requests like a pro.") Article Hashnode · 5y Fetch VS Axios | Make Https Requests like a pro. Axios is a popular, promise-based HTTP client that sports an easy-to-use API. It can be used in both the browser and Node.js. It uses the Fetch method to send data to a server to create/update a resource. Fetch is also known as the Controlled Fetch. 21 1 22. 22 [](https://daily.dev/posts/a-web-developer-s-ipad-setup-for-productivity-5nwwkvihm "A Web Developer's iPad Setup for Productivity") Article Hashnode · 6y A Web Developer's iPad Setup for Productivity Working from home has made me more productive, but I miss being with people. The iPad Pro is powerful (in many ways, more powerful than my Mac) and because it's so portable and has great battery life, I made the decision to use it as my main productivity tool. I start my day by opening Things 3 and Fantastical side by side. 21 1 23. 23 [](https://daily.dev/posts/you-can-create-these-elements-without-javascript-oo4ln6gdt "You can create these elements without JavaScript") Article Hashnode · 5y You can create these elements without JavaScript As HTML and CSS got new features and older browsers were no longer supported, we've been able to use less and less JavaScript for creating UI elements. Here are some examples of elements you can create with no JavaScript. Some solutions do still feel hacky and not flexible, but these are useful on smaller projects. 20 5 24. 24 [](https://daily.dev/posts/why-so-serverless--2hsckv4nf "Why So Serverless?") Article Hashnode · 5y Why So Serverless? "Serverless" refers to software that’s hosted in the cloud, or a stateless container. Servers are still used, but serverless vendors generally provide backend services that are charged based on usage. The overall goal of serverless architectures is to reduce administration and maintenance headaches while enabling increased flexibility and innovation. 19 25. 25 [](https://daily.dev/posts/why-linux--3xb7v6hbl "Why Linux?") Article Hashnode · 5y Why Linux? Linux runs on all 500 of the world’s fastest supercomputers. Cars, Watches, Stock Exchanges, companies like Twitter, Facebook, Amazon, Google, IBM, NASA, Robots, Submarines, Bullet trains, Home Appliances, Home Desktops, Enterprise Servers etc. everyone uses Linux. 19 [See all Hashnode archives](/sources/hashnode/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/hashnode/best-of/2021/03#page","url":"https://daily.dev/sources/hashnode/best-of/2021/03","name":"Best Hashnode Posts — March 2021","description":"The most upvoted Hashnode posts from March 2021, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/hashnode/best-of/2021/03#items","numberOfItems":25,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/40-free-forever-tools-for-developers-iuz8ilu93","name":"40 \"Free Forever\" Tools for Developers"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/the-best-approach-to-lazy-load-images-for-maximum-performance-xgjctv3gn","name":"The best approach to lazy load images for maximum performance"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/top-2021-productivity-apps-wan0jbdmw","name":"Top 2021 Productivity Apps"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/how-i-built-my-perfect-score-portfolio-website-uugk0rdkd","name":"How I Built My Perfect Score Portfolio Website"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/15-funny-memes-for-software-developers-d46lflbgf","name":"15 Funny Memes for Software Developers"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/improve-your-js-skills-with-theses-tips-bsx80crod","name":"Improve your JS skills with theses tips"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/70-free-design-resources-for-developers-hnu4kijmz","name":"70+ Free Design Resources for Developers"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/15-project-ideas-for-web-developers-hqjktvn4a","name":"15 Project Ideas for Web Developers"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/15-amazing-websites-for-ui-inspirations--a1rioefvz","name":"15 amazing websites for UI inspirations 💖"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/4-javascript-es2018-features-you-should-know-ae0bfsd43","name":"4 JavaScript ES2018 Features You Should Know"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/complete-web-development-roadmap-for-newbies-mb-yofvss","name":"Complete web development roadmap for newbies"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/ultimate-react-resources-phfaqmi2d","name":"Ultimate React Resources"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/35-free-react-templates-and-themes-you-should-use-in-2021-qnnfrw3eg","name":"35+ free React templates and themes you should use in 2021"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/upcoming-interesting-javascript-es2021-es12-features-to-look-for-licqmfdau","name":"Upcoming Interesting JavaScript ES2021 (ES12) Features to Look for"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/pr-like-a-pro--wgy5i9ms6","name":"PR like a Pro 😎"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/useful-javascript-patterns-revealing-module-pattern-cgjs7uxia","name":"Useful Javascript patterns: Revealing Module Pattern"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/css-generators-583wp66d","name":"CSS Generators"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/react-clean-code-for-beginners-3e5-whurh","name":"React Clean Code for Beginners"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/50-acronyms-developers-use-gtmwxbzs7","name":"50 Acronyms Developers Use"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/automate-any-chat-messenger-with-python-rppqtbdr8","name":"Automate any Chat-Messenger with Python"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/fetch-vs-axios-make-https-requests-like-a-pro--0i0xbbl9m","name":"Fetch VS Axios | Make Https Requests like a pro."},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/a-web-developer-s-ipad-setup-for-productivity-5nwwkvihm","name":"A Web Developer's iPad Setup for Productivity"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/you-can-create-these-elements-without-javascript-oo4ln6gdt","name":"You can create these elements without JavaScript"},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/why-so-serverless--2hsckv4nf","name":"Why So Serverless?"},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/why-linux--3xb7v6hbl","name":"Why Linux?"}]},{"@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":"Hashnode","item":"https://daily.dev/sources/hashnode"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/hashnode/best-of"},{"@type":"ListItem","position":5,"name":"March 2021"}]}]} ```