--- title: Best DEV posts — May 2022 | daily.dev description: The most upvoted DEV posts from May 2022, curated by the daily.dev community. canonical: https://daily.dev/sources/devto/best-of/2022/05 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/devto/best-of/2022/05 og:type: website og:site_name: daily.dev og:title: Best DEV posts — May 2022 | daily.dev og:description: The most upvoted DEV posts from May 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 — May 2022 1. 1 [](https://daily.dev/posts/two-lines-of-css-that-boosts-7x-rendering-performance--poc1ar1ee "Two lines of CSS that boosts 7x rendering performance!") Article DEV · 4y Two lines of CSS that boosts 7x rendering performance! Website's nowadays need to be optimal and performant, users on the web have very short attention span. Most common use cases for this is when you have huge list/grid of data that needs to render at the mount of the application. With progressing web development it will soon be supported in all browsers too. 131 7 2. 2 [](https://daily.dev/posts/our-open-source-project-got-funded--aho0uwpss "Our open-source project got funded!") Article DEV · 4y Our open-source project got funded! Novu is the first open-source notifications infrastructure for developers. It solves developers the pain of building from scratch and maintaining their notification systems. It can be an in-app notification center (like you might know from platforms like Facebook) to transactional messages sent over multiple delivery channels. 98 9 3. 3 [](https://daily.dev/posts/what-s-your-current-code-editor-ide-setup--cuj-bttsx "What's your current code editor/IDE setup?") Article DEV · 4y What's your current code editor/IDE setup? On Windows, Windows Terminal with PowerShell and Oh-My-PoSh. WSL is ZSH with ohmyzsh with Powerlevel-10K. Linux (my personal laptop) uses the default terminal from Pop with the same ZSH/OMZ +p10k setup. Lately using PhpStorm with Vuesion theme. 42 4. 4 [](https://daily.dev/posts/react-three-fiber-and-nextjs-starter-template-g0pyeombg "React Three Fiber and NextJS Starter Template") Article DEV · 4y React Three Fiber and NextJS Starter Template WebGL, ThreeJS, and React Three Fiber come into play. ThreeJS is a JavaScript library that uses WebGL to create a low-level 2D and 3D graphics API. react-three-fiber is a React library that integrates ThreeJS more efficiently into the React ecosystem. 31 3 5. 5 [](https://daily.dev/posts/a-brief-introduction-to-dart-sspwcf4-b "A brief introduction to Dart") Article DEV · 4y A brief introduction to Dart Dart is a programming language designed for client development, such as for web and mobile apps. First stable version of Dart wasn't 1.0.0, it was 0.8.10-rev3.29803\. Dart can compile at both Run time(JIT) and Ahead of Time (AOT) 24 5 6. 6 [](https://daily.dev/posts/how-to-create-modern-cards-in-chakra-ui-react-js--nq6lrqdmx "How to Create Modern Cards in Chakra UI & React JS ⚡️") Article DEV · 4y How to Create Modern Cards in Chakra UI & React JS ⚡️ In this tutorial we will make three simple cards updated to the latest UI trends. We've taken some design inspiration from Horizon UI React cards. The React JS library that we are going to use today to build our beautiful cards is Chakra UI. We are also going to get some help from tools such as Chakra theme tools & React icons. 23 [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/05#page","url":"https://daily.dev/sources/devto/best-of/2022/05","name":"Best DEV Posts — May 2022","description":"The most upvoted DEV posts from May 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/05#items","numberOfItems":6,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/two-lines-of-css-that-boosts-7x-rendering-performance--poc1ar1ee","name":"Two lines of CSS that boosts 7x rendering performance!"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/our-open-source-project-got-funded--aho0uwpss","name":"Our open-source project got funded!"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/what-s-your-current-code-editor-ide-setup--cuj-bttsx","name":"What's your current code editor/IDE setup?"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/react-three-fiber-and-nextjs-starter-template-g0pyeombg","name":"React Three Fiber and NextJS Starter Template"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/a-brief-introduction-to-dart-sspwcf4-b","name":"A brief introduction to Dart"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/how-to-create-modern-cards-in-chakra-ui-react-js--nq6lrqdmx","name":"How to Create Modern Cards in Chakra UI & React JS ⚡️"}]},{"@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":"May 2022"}]}]} ```