--- title: Best DevDojo posts — June 2022 | daily.dev description: The most upvoted DevDojo posts from June 2022, curated by the daily.dev community. canonical: https://daily.dev/sources/devdojo/best-of/2022/06 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/devdojo/best-of/2022/06 og:type: website og:site_name: daily.dev og:title: Best DevDojo posts — June 2022 | daily.dev og:description: The most upvoted DevDojo posts from June 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 DevDojo — June 2022 1. 1 [](https://daily.dev/posts/intro-to-pixijs-ist9t1jlq "Intro to PixiJS") Article DevDojo · 4y Intro to PixiJS PixiJS is an open source HTML5 game and animation framework for creating visual interfaces. It has been used on a lot of popular game and interactive websites. Here are a few examples of things you can build with Pixi. In this tutorial I will show you how to create your first PixiJS application. 82 7 2. 2 [](https://daily.dev/posts/how-to-get-cool-animations-in-your-react-projects-4rxjmj6zb "How to get cool animations in your React projects") Article DevDojo · 4y How to get cool animations in your React projects Framer Motion is an animation library for React made by Framer. In this guide we will apply Framer Motion animations to a basic example project. The project is made with Next and TypeScript, but you can apply all the concepts to a normal React project with JavaScript. 82 5 3. 3 [](https://daily.dev/posts/typescript-utility-types-the-6-most-useful-3iw5kkbst "TypeScript Utility Types: The 6 Most Useful") Article DevDojo · 4y TypeScript Utility Types: The 6 Most Useful typescript is an open-source programming language. It has a number of utility types that can help you write better code. Today I will discuss the 6 most useful utility types. The Record utility is the best utility type to use to create an object type. The Required utility type is very useful when you want to use an existing type. 57 4. 4 [](https://daily.dev/posts/let-s-code-golf-with-javascript-axkn8d0a9 "Let's code golf with JavaScript") Article DevDojo · 4y Let's code golf with JavaScript Code golfing is trying to make the shortest possible code for a given task. It's mainly a game and very useful for improving your programming skills. In this article, we'll golf some JavaScript code. First we'll make a basic program that prints all the numbers from 1 to 100\. Then we'll add the logic to print Fizz, Buzz, or FizzBuzz. 38 9 5. 5 [](https://daily.dev/posts/5-must-have-jetbrains-plugins-for-remote-developers-alxvdowou "5 must-have JetBrains plugins for remote developers") Article DevDojo · 4y 5 must-have JetBrains plugins for remote developers The best JetBrains plugins for remote developers. Code With Me is a collaborative coding and pair programming service. WakaTime shows how long each team member coded individually on each project. SonarLinter is a static code analysis tool that will help you write efficient, safe and quality code. 29 4 6. 6 [](https://daily.dev/posts/optimizing-performance-in-react-apps---ii-wji5gvn1g "Optimizing Performance in React Apps - II") Article DevDojo · 4y Optimizing Performance in React Apps - II This article is part of a series on Optimizing Performance in React Apps. In this article, we'll learn how to efficiently render large lists of data. We'll make use of the Profiler to record the rendering details. We're gonna make the use of react-virtualized-window as it is very lightweight. We will use a long-sized list of data in our example. 28 1 7. 7 [](https://daily.dev/posts/jetbrains-plugins-to-upgrade-the-built-in-git-support-to-the-next-level--auurfzkyb "JetBrains plugins to upgrade the built-in Git support to the next level!") Article DevDojo · 4y JetBrains plugins to upgrade the built-in Git support to the next level! The Git plugin that comes bundled with all JetBrains IDEs is actually quite impressive. It's a full blown Git client in its own right with almost all the features of a standalone client such as SourceTree, Tower or GitKraken. There are even more features you can enhance your IDE’s Git support with - allow me to present to you 5 plugins that build on top of Git. 21 8. 8 [](https://daily.dev/posts/create-a-twitter-bot-that-updates-the-profile-banner-with-the-latest-followers-lhx35n7mt "Create a Twitter bot that updates the profile banner with the latest followers") Article DevDojo · 4y Create a Twitter bot that updates the profile banner with the latest followers Pay for a no-code service that updates the profile banner with the latest followers. Do this all for free! We'll start by creating a Twitter bot. Then, we create a function that gets the latest Twitter followers. We store all the followers in an array. Checkout our latest product - the ultimate tailwindcss page creator. 15 4 9. 9 [](https://daily.dev/posts/the-atom-shutdown-8xuhqpdb0 "The Atom Shutdown") Article DevDojo · 4y The Atom Shutdown GitHub, the company (now owned by Microsoft) behind Atom, announced the “sunsetting” of Atom today. “Atom has not had significant feature development for the past several years,” the company said. As a result, we’ve decided to sunset Atom so we can focus on enhancing the developer experience in the cloud. 14 6 10. 10 [](https://daily.dev/posts/how-to-convert-a-string-to-a-number-in-typescript-v1ghhvlh2 "How to convert a String to a Number in TypeScript") Article DevDojo · 4y How to convert a String to a Number in TypeScript Converting a string to a number is pretty easy in TypeScript. The unary ( + ) operator is the easiest way to convert a string into a number. We can also use the Number function to convert number-like strings into numbers. This will work with both integers and decimals. 11 11. 11 [](https://daily.dev/posts/how-to-optimize-laravel-for-performance-50ckwpbiw "How To Optimize Laravel for Performance") Article DevDojo · 4y How To Optimize Laravel for Performance Laravel is a popular open-source PHP framework that’s known for its robust security and simple yet sophisticated coding architecture. With over a million websites powered by Laravel, Google pushes the importance of website speed. This article will go over several important tips, each with step-by-step guides to optimize your Laravel website. 11 1 12. 12 [](https://daily.dev/posts/devdojo-weekly-ppghuxfrl "DevDojo Weekly") Article DevDojo · 4y DevDojo Weekly Last week was an awesome week here at the DevDojo. We had some amazing developer posts and we made some progress on the new version of Tails. The results for the winning posts are in, and you can check them out below.Remember, if you want a chance to win $10 in Crypto rewards, write a post on the Dev dojo. 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/2022/06#page","url":"https://daily.dev/sources/devdojo/best-of/2022/06","name":"Best DevDojo Posts — June 2022","description":"The most upvoted DevDojo posts from June 2022, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/devdojo/best-of/2022/06#items","numberOfItems":12,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/intro-to-pixijs-ist9t1jlq","name":"Intro to PixiJS"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/how-to-get-cool-animations-in-your-react-projects-4rxjmj6zb","name":"How to get cool animations in your React projects"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/typescript-utility-types-the-6-most-useful-3iw5kkbst","name":"TypeScript Utility Types: The 6 Most Useful"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/let-s-code-golf-with-javascript-axkn8d0a9","name":"Let's code golf with JavaScript"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/5-must-have-jetbrains-plugins-for-remote-developers-alxvdowou","name":"5 must-have JetBrains plugins for remote developers"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/optimizing-performance-in-react-apps---ii-wji5gvn1g","name":"Optimizing Performance in React Apps - II"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/jetbrains-plugins-to-upgrade-the-built-in-git-support-to-the-next-level--auurfzkyb","name":"JetBrains plugins to upgrade the built-in Git support to the next level!"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/create-a-twitter-bot-that-updates-the-profile-banner-with-the-latest-followers-lhx35n7mt","name":"Create a Twitter bot that updates the profile banner with the latest followers"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/the-atom-shutdown-8xuhqpdb0","name":"The Atom Shutdown"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/how-to-convert-a-string-to-a-number-in-typescript-v1ghhvlh2","name":"How to convert a String to a Number in TypeScript"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/how-to-optimize-laravel-for-performance-50ckwpbiw","name":"How To Optimize Laravel for Performance"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/devdojo-weekly-ppghuxfrl","name":"DevDojo Weekly"}]},{"@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":"June 2022"}]}]} ```