--- title: Best DevDojo posts โ€” March 2021 | daily.dev description: The most upvoted DevDojo posts from March 2021, curated by the daily.dev community. canonical: https://daily.dev/sources/devdojo/best-of/2021/03 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/devdojo/best-of/2021/03 og:type: website og:site_name: daily.dev og:title: Best DevDojo posts โ€” March 2021 | daily.dev og:description: The most upvoted DevDojo 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 DevDojo โ€” March 2021 1. 1 [](https://daily.dev/posts/modern-javascript---iii-mul1n9jki "Modern Javascript - III") Article ![Avatar of devdojo](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/e258fd9dff884055b7b59df7fd1d7bd7)DevDojo ยท 5y Modern Javascript - III Every year, Javascript update adds new features. ES2021 (also known as ES12) is planned to be released in June this year. New features that are added each year go through a four-stage process. All the features listed below have already reached the last stage and are very much ready for release. 79 17 2. 2 [](https://daily.dev/posts/tailwindcss-hidden-gems--rwa4enqb7 "TailwindCSS Hidden Gems ๐Ÿ’Ž") Article ![Avatar of devdojo](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/e258fd9dff884055b7b59df7fd1d7bd7)DevDojo ยท 6y TailwindCSS Hidden Gems ๐Ÿ’Ž Using the space utility classes, you can easily add equal spacing between your elements instead of using margin. You can also use the divider classes to add dividers between your Elements. Instead of using custom box-shadow values to create rings around elements, can utilize these classes to display the same output. 56 5 3. 3 [](https://daily.dev/posts/modern-javascript-i1yevfvci "Modern Javascript") Article ![Avatar of devdojo](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/e258fd9dff884055b7b59df7fd1d7bd7)DevDojo ยท 6y Modern Javascript ECMAScript 2015 (also known as ES6) is a major update to Javascript since ES5, which was standardized in 2009\. Since then, Javascript has come up with incremental updates every year. These significant updates from ES6 and beyond are commonly referred to as Modern Javascript. 46 6 4. 4 [](https://daily.dev/posts/one-second-to-read-github-code-with-vs-code-py3n20gmh "One second to read GitHub code with VS Code") Article ![Avatar of devdojo](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/e258fd9dff884055b7b59df7fd1d7bd7)DevDojo ยท 6y One second to read GitHub code with VS Code GitHub 1s is a browser extension for VS Code. It allows you to open up any Github repo in your browser. You don't even need to install anything to give this a try. Want to read the Laravel repo in VSCode in 1 second? Visit this URL here: https://github1s.com/laravel/Laravel. 38 6 5. 5 [](https://daily.dev/posts/how-to-drag-an-element-using-javascript-nzyogbvkz "How to drag an element using javascript") Article ![Avatar of devdojo](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/e258fd9dff884055b7b59df7fd1d7bd7)DevDojo ยท 6y How to drag an element using javascript Post Image Generator lets you drag and move HTML elements inside of another element. To demonstrate how this works, we will first need to add a container with a relative position, and an absolute positioned box that we want to move inside the container. We will then show you the full javascript code to apply this functionality, and then we will break it apart. 36 9 6. 6 [](https://daily.dev/posts/111-amazing-resources-you-re-gonna-love--eswolpvhh "111 amazing resources you're gonna love ๐Ÿ’–") Article ![Avatar of devdojo](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/e258fd9dff884055b7b59df7fd1d7bd7)DevDojo ยท 6y 111 amazing resources you're gonna love ๐Ÿ’– Savio shares 100+ super amazing resources every developer are gonna love for sure. Polaris by Shopify is an amazing design system by shopify. Notion is an all-in-one workspace to organise your notes, projects and tasks. Figma lets you effortlessly create prototypes whilst you design. 34 5 7. 7 [](https://daily.dev/posts/modern-javascript---ii-rxbeyidhs "Modern Javascript - II") Article ![Avatar of devdojo](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/e258fd9dff884055b7b59df7fd1d7bd7)DevDojo ยท 6y Modern Javascript - II optional chaining operator (?.) provides a way to simplify accessing values through connected objects. nullish coalescing operator (??) is a logical operator that returns its left-hand side operand is null or undefined. Dynamic Imports (?) returns a promise when used as a function. The Promise.allSettled() method returns an array of objects that describe the outcome of each promise. 24 2 8. 8 [](https://daily.dev/posts/top-10-git-gui-client--j-jbgglhe "Top 10 Git GUI client.") Article ![Avatar of devdojo](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/e258fd9dff884055b7b59df7fd1d7bd7)DevDojo ยท 5y Top 10 Git GUI client. Git is an open-source version control system that allows you to manage your files in a variety of languages. It can be used as a command line tool or as a graphical tool. Using a GUI can bring up some advantages and perhaps makes your work easier along the way. I personally use both the command line and GUI as I can see that both have some pros. 20 8 9. 9 [](https://daily.dev/posts/use-local-storage-in-react---the-fastest-way--r-yukiilq "Use Local Storage in React - The fastest way! ๐Ÿš€") Article ![Avatar of devdojo](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/e258fd9dff884055b7b59df7fd1d7bd7)DevDojo ยท 5y Use Local Storage in React - The fastest way! ๐Ÿš€ Use local storage in your React app. The data you have entered as user will stay persistent forever till you edit. The input will store and edit the localstorage data. The

will display the data. Here are some advanced demo's of local storage. Enjoy! 20 2 10. 10 [](https://daily.dev/posts/6-youtube-channels-about-web-development-ctimtek2u "6 YouTube Channels About Web Development") Article ![Avatar of devdojo](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/e258fd9dff884055b7b59df7fd1d7bd7)DevDojo ยท 5y 6 YouTube Channels About Web Development There are some awesome and helpful Web-Dev channels out there. Some people may be aware that there are such channels, but some people may not. I would like to share some of my favorite channels that help me out and I just enjoy watching daily.Traversy Media features the best online web development and programming tutorials for all of the latest web technologies. 10 1 [See all DevDojo archives](/sources/devdojo/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/devdojo/best-of/2021/03#page","url":"https://daily.dev/sources/devdojo/best-of/2021/03","name":"Best DevDojo Posts โ€” March 2021","description":"The most upvoted DevDojo posts from March 2021, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/devdojo/best-of/2021/03#items","numberOfItems":10,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/modern-javascript---iii-mul1n9jki","name":"Modern Javascript - III"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/tailwindcss-hidden-gems--rwa4enqb7","name":"TailwindCSS Hidden Gems ๐Ÿ’Ž"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/modern-javascript-i1yevfvci","name":"Modern Javascript"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/one-second-to-read-github-code-with-vs-code-py3n20gmh","name":"One second to read GitHub code with VS Code"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/how-to-drag-an-element-using-javascript-nzyogbvkz","name":"How to drag an element using javascript"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/111-amazing-resources-you-re-gonna-love--eswolpvhh","name":"111 amazing resources you're gonna love ๐Ÿ’–"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/modern-javascript---ii-rxbeyidhs","name":"Modern Javascript - II"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/top-10-git-gui-client--j-jbgglhe","name":"Top 10 Git GUI client."},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/use-local-storage-in-react---the-fastest-way--r-yukiilq","name":"Use Local Storage in React - The fastest way! ๐Ÿš€"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/6-youtube-channels-about-web-development-ctimtek2u","name":"6 YouTube Channels About Web Development"}]},{"@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":"DevDojo","item":"https://daily.dev/sources/devdojo"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/devdojo/best-of"},{"@type":"ListItem","position":5,"name":"March 2021"}]}]} ```