--- title: Best Hashnode posts — April 2021 | daily.dev description: The most upvoted Hashnode posts from April 2021, curated by the daily.dev community. canonical: https://daily.dev/sources/hashnode/best-of/2021/04 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/hashnode/best-of/2021/04 og:type: website og:site_name: daily.dev og:title: Best Hashnode posts — April 2021 | daily.dev og:description: The most upvoted Hashnode posts from April 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 — April 2021 1. 1 [](https://daily.dev/posts/how-to-create-a-kickass-github-profile-page-iaiul1-1n "How To Create A Kickass GitHub Profile Page") Article Hashnode · 5y How To Create A Kickass GitHub Profile Page In this article, you'll see how to create a catchy, good-looking Github profile page. By the end of the tutorial, your README will automatically with your latest blog articles/YouTube videos. Click on the video below or click this link to watch the tutorial. 104 7 2. 2 [](https://daily.dev/posts/new-javascript-features-ecmascript-2021-with-examples--dobujqrhx "New JavaScript Features ECMAScript 2021 (with examples)") Article Hashnode · 5y New JavaScript Features ECMAScript 2021 (with examples) ECMAScript 2021 is the version of ECMAScript corresponding to this year. There are some useful and awesome features that have been incorporated. The new feature allows that numeric literals use underscores as separators to help to improve readability using a visual separation between groups of digits. The Promise.any() method returns a promise that will resolve as soon as one of the promises is resolved. 94 4 3. 3 [](https://daily.dev/posts/you-may-not-know-js-lkblvhewe "You (may not) Know JS") Article Hashnode · 5y You (may not) Know JS JavaScript is a weakly-typed language, it converts two different typed variables when you use its operators. Type coercion is the process of converting value from one type to another. The best practice is to not learn that whole table and stick with using strict comparison. JavaScript got a couple of new features that make use of type coercion to work. 64 5 4. 4 [](https://daily.dev/posts/top-16-browser-extensions-for-increased-developer-productivity-y0dnkydhq "Top 16 Browser Extensions For Increased Developer Productivity") Article Hashnode · 5y Top 16 Browser Extensions For Increased Developer Productivity In this article, you can see the top 16 browser extensions for developers. This curated list of the best browser extensions aims to help improve your productivity and save you time. The "BlockSite" extension is excellent for blocking distractions and staying focused. The Pomodoro Assistant extension allows you to use a timer to break down work into intervals. 64 12 5. 5 [](https://daily.dev/posts/free-ultimate-react-resources-zero-to-hero-in-react-uw4tjpd21 "Free ultimate React resources. Zero to Hero in React") Article Hashnode · 5y Free ultimate React resources. Zero to Hero in React React is a JavaScript library for building present day applications. React is utilized for taking care of the view layer and can be utilized for advancement of both web and mobile applications. This post will contain various type of resources like YouTube videos, eBook, Courses and MORE. 49 6. 6 [](https://daily.dev/posts/17-javascript-methods-and-shorthands-must-know-ystlurlfd "17 Javascript methods and shorthands must know") Article Hashnode · 5y 17 Javascript methods and shorthands must know Here I'll tell you about 13 important JavaScript methods, tricks and tips respectively. The most clear justification for learning JavaScript is on the off chance that you have any desires for turning into a web designer. Regardless of whether you haven't got your heart set on a tech vocation, being capable in JavaScript will empower you to develop sites without any preparation. 46 2 7. 7 [](https://daily.dev/posts/200-ultimate-resources-for-front-end-development-in-2021-eefqrsx6o "200+ Ultimate Resources for Front-End Development in 2021") Article Hashnode · 5y 200+ Ultimate Resources for Front-End Development in 2021 This post has nearly unlimited amount of every type of resources covering everything you will need. You only need this post to become a Front-end Developer. You will need a check list for marking what all you have learned. You can see the below image for how the checklist will look like. 43 5 8. 8 [](https://daily.dev/posts/8-useful-javascript-es2019-features-to-know-about-y4wyxim67 "8 Useful JavaScript ES2019 Features to Know About") Article Hashnode · 5y 8 Useful JavaScript ES2019 Features to Know About The ES2019 specification may have been a smaller addition to JavaScript, but it still brought some interesting features. This tutorial will show you eight ES2019 features that can make your life easier. These features include trimStart() , trimEnd(), flat() , flatMap() , Object.fromEntries() and more. 39 9. 9 [](https://daily.dev/posts/map-and-set-in-javascript-for-humans-qh7bn8fv4 "Map and Set in JavaScript for Humans") Article Hashnode · 5y Map and Set in JavaScript for Humans Set is not a key/value like the Object type. Keys are just values exposed. It's iterable with forEarch method and for...of method. Prefer Map instead of {} for client-side data manipulation. There's not a silver bullet. Use them carefully. 37 10. 10 [](https://daily.dev/posts/javascript-tips-and-tricks-p83urt4he "Javascript Tips and Tricks") Article Hashnode · 5y Javascript Tips and Tricks In this post, we will be looking at some popular and must use Javascript Tips and tricks to boost your productivity and write clean code. Getting an array of unique values is probably easier than you think in Javascript, wherein in other programming languages you have to sort the array, then iterate over to copy not duplicate values. To Resize an Array we can simply shorten the length of the array. To merge multiple objects, you can simply use the rest operator. 29 1 11. 11 [](https://daily.dev/posts/common-hobbies-of-programmers-that-improves-their-coding-skills-i3nbpj5hf "Common Hobbies Of Programmers That Improves Their Coding Skills") Article Hashnode · 5y Common Hobbies Of Programmers That Improves Their Coding Skills Hobbies of programmers are common. Most programmers love to write, read and play video games. Sports and exercise are also common hobbies of programmers. Here are some developers who have common hobbies. Feel free to tell us about your favorite hobbies in the comments below or post them on our Facebook page. 28 3 12. 12 [](https://daily.dev/posts/node-js-express-tutorial-for-2021-getting-started-with-the-javascript-web-server-framework-cfprjqjbk "Node.js + Express Tutorial for 2021 – Getting Started with the JavaScript Web Server Framework") Article Hashnode · 5y Node.js + Express Tutorial for 2021 – Getting Started with the JavaScript Web Server Framework Node.js with Express is a popular combo used by a lot of applications worldwide. This tutorial helps you get started with Node.JS and Express by building a simple web server. Your server will serve up an HTML page, which will be accessible by other people. Do not copy the code from the tutorial. Write the code yourself to learn better. 28 1 13. 13 [](https://daily.dev/posts/moving-gradient-animation-with-css--g22ht7g2 "🎨 Moving Gradient animation with CSS") Article Hashnode · 5y 🎨 Moving Gradient animation with CSS A lot of cool stuff can be code with this type of animation. Simple animations can bring a huge difference to your websites. Let's build something simple and unique. The above Codepen example shows a moving gradient animation on the whole body of the website. The background size here is 400% 400% and the background is moving. 27 14. 14 [](https://daily.dev/posts/50-web-development-terms-all-programmers-should-know-avehphg49 "50 Web Development Terms All Programmers Should Know") Article Hashnode · 5y 50 Web Development Terms All Programmers Should Know Web development is a vast and burgeoning field with lots of concepts, tools, technologies, languages and terms. It's easy to get confused in all of these. In this article, I will define in a concise manner, 50 of the most widely used terms in the industry. 25 15. 15 [](https://daily.dev/posts/developer-tools-to-make-your-life-easier-i8419j3zm "Developer Tools to make your life easier") Article Hashnode · 5y Developer Tools to make your life easier 24 2 16. 16 [](https://daily.dev/posts/13-top-15-most-useful-tools-in-2021--a-jlowxz "[13] Top 15 Most Useful Tools in 2021") Article Hashnode · 5y \[13\] Top 15 Most Useful Tools in 2021 22 2 17. 17 [](https://daily.dev/posts/10-react-tips-to-optimize-performance-and-make-you-a-pro--eibjrcznd "10 React Tips to Optimize Performance and make you a Pro.") Article Hashnode · 5y 10 React Tips to Optimize Performance and make you a Pro. 10 React Tips to Optimize Performance and make you a pro. Avoid using Class Components. Increase Chunks. Use Dynamic Imports/ Code-Splitting. React State should be treated as immutable, never mutate this.state directly, calling setState() later may replace all the mutations made earlier. 19 18. 18 [](https://daily.dev/posts/creating-a-super-productive-rest-api-in-30-seconds--dutfuuppr "Creating a super productive REST API in 30 seconds 💪") Article Hashnode · 5y Creating a super productive REST API in 30 seconds 💪 19 2 19. 19 [](https://daily.dev/posts/es6-import-and-export-cheatsheet--8vnr0vhc "ES6 Import And Export Cheatsheet") Article Hashnode · 5y ES6 Import And Export Cheatsheet ES6 has fixed this issue with the concept of modules. Every JavaScript file we write in ES6 is known as a module. The variables and functions we declare in each file are not available to other files until we specifically export them from that file. There are two types of exports: Named Exports and Default Exports. 17 20. 20 [](https://daily.dev/posts/rest-api-vs-restful-api-b7f88hhzt "REST API vs RESTful API") Article Hashnode · 5y REST API vs RESTful API REST stands for Representational State Transfer. It’s an architectural pattern for creating web services. A RESTful service is one that implements that pattern. REST services provide data as resources, with a consistent namespace. These constraints work together to create a very specific type of application. 16 1 21. 21 [](https://daily.dev/posts/set-up-tailwind-in-react---the-fastest-way--s2scraawx "Set Up Tailwind In React - The fastest way! 🚀") Article Hashnode · 5y Set Up Tailwind In React - The fastest way! 🚀 16 1 22. 22 [](https://daily.dev/posts/according-to-400-devs-what-are-the-best-sites-for-learning-code--qb-4ahwni "According to 400 Devs, what are the best sites for learning code?!") Article Hashnode · 5y According to 400 Devs, what are the best sites for learning code?! I asked on Twitter "What is your favorite site to learn programming?" and I got almost 400 answers. Freecodecamp.org is an excellent choice for many people as it covers many aspects of programming. If a site doesn't belong to the Most Common/Very common section it doesn't mean that it's not good! Work with the sites that best suit your needs! 16 23. 23 [](https://daily.dev/posts/10-github-repos-you-need-to-know-as-a-web-developer-gpjfcpf2k "10 GitHub repos you need to know as a web developer") Article Hashnode · 5y 10 GitHub repos you need to know as a web developer 14 24. 24 [](https://daily.dev/posts/tricky-javascript-code-snippets-asked-in-the-interview-pn-drmpm "Tricky Javascript Code Snippets Asked In the Interview") Article Hashnode · 5y Tricky Javascript Code Snippets Asked In the Interview In this article, we will see some of the most famous interview code snippets that are asked to check your knowledge about Javascript concepts. Let's get started.Predict the output of the below code:const user = { name : 'Raj' , location : 'Albany' , state : 'NY' } const copy = Object .assign({}, user); copy.location.city = 'AlBany' ; console .log( 'original: ' , user.location); console . log( 'copy:' , copy.Location); 11 25. 25 [](https://daily.dev/posts/15-youtube-channels-to-learn-data-science-for-free-qwqyk1qmt "15 YouTube Channels to Learn Data Science for Free") Article Hashnode · 5y 15 YouTube Channels to Learn Data Science for Free Data Science is termed as the sexiest job of the 21st century. According to ZipRecruiter, the entry-level salary for a Data Scientist is estimated to be $69,000\. With such an immense scope in the industry, the demand for Data Scientists has increased. In this post, we are going to explore 15 Youtube Channels where you can get started and learn Data Science for free. 10 1 [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/04#page","url":"https://daily.dev/sources/hashnode/best-of/2021/04","name":"Best Hashnode Posts — April 2021","description":"The most upvoted Hashnode posts from April 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/04#items","numberOfItems":25,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/how-to-create-a-kickass-github-profile-page-iaiul1-1n","name":"How To Create A Kickass GitHub Profile Page"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/new-javascript-features-ecmascript-2021-with-examples--dobujqrhx","name":"New JavaScript Features ECMAScript 2021 (with examples)"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/you-may-not-know-js-lkblvhewe","name":"You (may not) Know JS"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/top-16-browser-extensions-for-increased-developer-productivity-y0dnkydhq","name":"Top 16 Browser Extensions For Increased Developer Productivity"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/free-ultimate-react-resources-zero-to-hero-in-react-uw4tjpd21","name":"Free ultimate React resources. Zero to Hero in React"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/17-javascript-methods-and-shorthands-must-know-ystlurlfd","name":"17 Javascript methods and shorthands must know"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/200-ultimate-resources-for-front-end-development-in-2021-eefqrsx6o","name":"200+ Ultimate Resources for Front-End Development in 2021"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/8-useful-javascript-es2019-features-to-know-about-y4wyxim67","name":"8 Useful JavaScript ES2019 Features to Know About"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/map-and-set-in-javascript-for-humans-qh7bn8fv4","name":"Map and Set in JavaScript for Humans"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/javascript-tips-and-tricks-p83urt4he","name":"Javascript Tips and Tricks"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/common-hobbies-of-programmers-that-improves-their-coding-skills-i3nbpj5hf","name":"Common Hobbies Of Programmers That Improves Their Coding Skills"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/node-js-express-tutorial-for-2021-getting-started-with-the-javascript-web-server-framework-cfprjqjbk","name":"Node.js + Express Tutorial for 2021 – Getting Started with the JavaScript Web Server Framework"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/moving-gradient-animation-with-css--g22ht7g2","name":"🎨 Moving Gradient animation with CSS"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/50-web-development-terms-all-programmers-should-know-avehphg49","name":"50 Web Development Terms All Programmers Should Know"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/developer-tools-to-make-your-life-easier-i8419j3zm","name":"Developer Tools to make your life easier"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/13-top-15-most-useful-tools-in-2021--a-jlowxz","name":"[13] Top 15 Most Useful Tools in 2021"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/10-react-tips-to-optimize-performance-and-make-you-a-pro--eibjrcznd","name":"10 React Tips to Optimize Performance and make you a Pro."},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/creating-a-super-productive-rest-api-in-30-seconds--dutfuuppr","name":"Creating a super productive REST API in 30 seconds 💪"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/es6-import-and-export-cheatsheet--8vnr0vhc","name":"ES6 Import And Export Cheatsheet"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/rest-api-vs-restful-api-b7f88hhzt","name":"REST API vs RESTful API"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/set-up-tailwind-in-react---the-fastest-way--s2scraawx","name":"Set Up Tailwind In React - The fastest way! 🚀"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/according-to-400-devs-what-are-the-best-sites-for-learning-code--qb-4ahwni","name":"According to 400 Devs, what are the best sites for learning code?!"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/10-github-repos-you-need-to-know-as-a-web-developer-gpjfcpf2k","name":"10 GitHub repos you need to know as a web developer"},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/tricky-javascript-code-snippets-asked-in-the-interview-pn-drmpm","name":"Tricky Javascript Code Snippets Asked In the Interview"},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/15-youtube-channels-to-learn-data-science-for-free-qwqyk1qmt","name":"15 YouTube Channels to Learn Data Science for Free"}]},{"@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":"April 2021"}]}]} ```