--- title: Best DEV posts — March 2022 | daily.dev description: The most upvoted DEV posts from March 2022, curated by the daily.dev community. canonical: https://daily.dev/sources/devto/best-of/2022/03 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/devto/best-of/2022/03 og:type: website og:site_name: daily.dev og:title: Best DEV posts — March 2022 | daily.dev og:description: The most upvoted DEV posts from March 2022, 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 DEV — March 2022 1. 1 [](https://daily.dev/posts/docker-explained-to-a-5-year-old--hug72-fqi "Docker: Explained to a 5 year old. 👶🏻") Article DEV · 4y Docker: Explained to a 5 year old. 👶🏻 Docker is a way to containerize applications (putting code in boxes that can work on their own) Containers are boxes that have no host Operating system, so they are independent of the device they run on. A Dockerfile is a text document that contains all the commands a user could call on the command line to assemble an image. 231 13 2. 2 [](https://daily.dev/posts/what-s-new-in-es2022--irhrijklj "What's new in ES2022? 🤔") Article DEV · 5y What's new in ES2022? 🤔 The new version of ECMA Script will become standard in few months. Let's take a glimpse at the features that will be part of ES2022\. Features include method .at() of indexable values. RegExp match indices. Top-level await modules. New members of classes via public fields. 208 9 3. 3 [](https://daily.dev/posts/important-javascript-functions-you-have-to-know-to-be-a-better-developer-xnz6e-cxk "Important Javascript functions you have to know to be a better developer") Article DEV · 5y Important Javascript functions you have to know to be a better developer JavaScript allows you to deep copy an object by converting it into string and then back into object. You can toggle the visibility of an element using the style. visiabilty property and in case you want to remove it from the render flow, you can the. style.display property. The option parameter is the most useful attribute. 100 6 4. 4 [](https://daily.dev/posts/react-best-practices-and-patterns-to-reduce-code---part-2-xo2tih6uu "React best practices and patterns to reduce code - Part 2") Article DEV · 4y React best practices and patterns to reduce code - Part 2 I've another article about React best practices and patterns to reduce code. It's a good article to read before you start to write your own React code. We'll start with the most common ones. Don't write functions inside jsx elements. Use styled-components to style your components. 60 3 5. 5 [](https://daily.dev/posts/you-don-t-always-need-a-cms-ff-b4ho-g "You don’t always need a CMS") Article DEV · 5y You don’t always need a CMS When it comes to websites, blogs, and whatnot, we often expect to find a CMS power these systems. I get a lot of questions about what CMS powers my blog. I'll explain that while telling you why you don't always need a CMS.What is a CMS? It stands for "Content Management System" 59 2 6. 6 [](https://daily.dev/posts/make-vs-code-better-by-editing-and-updating-some-settings-rulwedllp "Make VS Code better by editing and updating some settings") Article DEV · 4y Make VS Code better by editing and updating some settings This article describes five tips on how to make your code development experience a bit better. It includes enabling and editing some settings which are not set by default. You can go to your settings and enable each one of these by either opening it up via the command palette or with the shortcut (CMD + ,) 39 1 7. 7 [](https://daily.dev/posts/5-html-features-you-should-know-4pyg5lwxq "5 HTML Features You Should Know") Article DEV · 5y 5 HTML Features You Should Know You can save a lot of time by using HTML features rather than creating them from scratch. The Base Element specifies the base URL to use for all relative URLs in a document. Lazy Loading Images And Iframes defer the loading of both images and iframes until they become visible in the browser. 35 8. 8 [](https://daily.dev/posts/what-are-your-favourite-tools-in-react-and-why--jm2ewibcd "What are your Favourite Tools in React, and why?") Article DEV · 4y What are your Favourite Tools in React, and why? This is a great list, keen to check out React Spring and UUID when time permits. My fav tools would have to be: Hooks, Context, UUID and Context. Cheers, @mrpaulishaili! 🙉. “I’m not sure how I dev'd without them before!” 33 1 9. 9 [](https://daily.dev/posts/hidden-gems---5-jetbrains-plugins-to-boost-your-productivity--dwqbvgpvl "Hidden gems - 5 JetBrains plugins to boost your productivity! 💎") Article DEV · 4y Hidden gems - 5 JetBrains plugins to boost your productivity! 💎 GitLive is one of my favorite plugins to enhance the IDE’s built-in Git functionality. Git Machete is a useful plugin that helps you keep track of all the branches, their relationship with each other and with the remote repository. Stepsize is an example of a tool that can save you time spent on tracking and addressing potential problems. 28 10. 10 [](https://daily.dev/posts/introducing-pckd---the-most-powerful-url-shortener-kth7hmdqw "Introducing Pckd - The most powerful 💪 URL shortener") Article DEV · 5y Introducing Pckd - The most powerful 💪 URL shortener Pckd is an open source URL shortener. It can track all the clicks (or hits) on the URL that you shortened and get very-deep insights about the person who clicked it. Pckd was created to be self-hosted, for people on the self-Hosted community. 26 6 [See all DEV archives](/sources/devto/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/devto/best-of/2022/03#page","url":"https://daily.dev/sources/devto/best-of/2022/03","name":"Best DEV Posts — March 2022","description":"The most upvoted DEV posts from March 2022, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/devto/best-of/2022/03#items","numberOfItems":10,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/docker-explained-to-a-5-year-old--hug72-fqi","name":"Docker: Explained to a 5 year old. 👶🏻"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/what-s-new-in-es2022--irhrijklj","name":"What's new in ES2022? 🤔"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/important-javascript-functions-you-have-to-know-to-be-a-better-developer-xnz6e-cxk","name":"Important Javascript functions you have to know to be a better developer"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/react-best-practices-and-patterns-to-reduce-code---part-2-xo2tih6uu","name":"React best practices and patterns to reduce code - Part 2"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/you-don-t-always-need-a-cms-ff-b4ho-g","name":"You don’t always need a CMS"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/make-vs-code-better-by-editing-and-updating-some-settings-rulwedllp","name":"Make VS Code better by editing and updating some settings"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/5-html-features-you-should-know-4pyg5lwxq","name":"5 HTML Features You Should Know"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/what-are-your-favourite-tools-in-react-and-why--jm2ewibcd","name":"What are your Favourite Tools in React, and why?"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/hidden-gems---5-jetbrains-plugins-to-boost-your-productivity--dwqbvgpvl","name":"Hidden gems - 5 JetBrains plugins to boost your productivity! 💎"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/introducing-pckd---the-most-powerful-url-shortener-kth7hmdqw","name":"Introducing Pckd - The most powerful 💪 URL shortener"}]},{"@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":"DEV","item":"https://daily.dev/sources/devto"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/devto/best-of"},{"@type":"ListItem","position":5,"name":"March 2022"}]}]} ```