--- title: Best asayer posts — April 2022 | daily.dev description: The most upvoted asayer posts from April 2022, curated by the daily.dev community. canonical: https://daily.dev/sources/asayer/best-of/2022/04 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/asayer/best-of/2022/04 og:type: website og:site_name: daily.dev og:title: Best asayer posts — April 2022 | daily.dev og:description: The most upvoted asayer posts from April 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 asayer — April 2022 1. 1 [](https://daily.dev/posts/building-a-video-chat-app-with-next-js-100ms-and-tailwindcss-ny3qe5w-x "Building a Video Chat App with Next.js, 100ms, and TailwindCSS") Article asayer · 4y Building a Video Chat App with Next.js, 100ms, and TailwindCSS Video chat applications have a lot of popularity and usage in the tech world today. 100ms is an infrastructure provider that allows users to effortlessly set up optimized audio and video chat interfaces. In this tutorial, readers will learn how to integrate the 100ms features to create a chat application using Next.js and TailwindCSS. 98 4 2. 2 [](https://daily.dev/posts/building-a-progressive-web-app-with-react-18-tsmjudczs "Building a Progressive Web App with React 18") Article asayer · 4y Building a Progressive Web App with React 18 A Progressive Web App is a website that can behave like a native app. When “downloaded” into the user’s device, these websites have almost the same features a native mobile app would. Some features a PWA is capable of include push notifications, the ability to work on Android and IOS without much difference. 85 6 3. 3 [](https://daily.dev/posts/modern-web-animations-with-gsap-and-vue-3-trh2s-0yf "Modern web animations with Gsap and Vue 3") Article asayer · 4y Modern web animations with Gsap and Vue 3 Learn how to create beautiful animations that really bring your websites to life. We’ll be using the powerful .css-1mn6awi. gsap animation library to animate our Vue 3 application using JavaScript. By the end, you will know how to set up a modern web application and create slick animations. 51 1 4. 4 [](https://daily.dev/posts/a-dive-into-react-storybook-oldhh3nx2 "A Dive into React Storybook") Article asayer · 4y A Dive into React Storybook When it comes to development testing and documenting components, Storybook is the best tool, in my opinion. Storybook can be used with many frameworks like Vue, Angular, and even plain vanilla Javascript. You need prior knowledge of React and .css-1mn6awi. 44 2 5. 5 [](https://daily.dev/posts/building-crud-apps-with-nextjs-gy7kcgoow "Building CRUD Apps with NextJs") Article asayer · 4y Building CRUD Apps with NextJs A CRUD application refers to an app that can perform four simple functions: Creating, Reading, Updating, and Deleting data. For example, blog sites need dynamic content management for productivity. With CRUD functionality, we can carry out these functions in our application. Next.js as our case study to look at how CRUD implementation works. 40 2 [See all asayer archives](/sources/asayer/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/asayer/best-of/2022/04#page","url":"https://daily.dev/sources/asayer/best-of/2022/04","name":"Best asayer Posts — April 2022","description":"The most upvoted asayer posts from April 2022, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/asayer/best-of/2022/04#items","numberOfItems":5,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/building-a-video-chat-app-with-next-js-100ms-and-tailwindcss-ny3qe5w-x","name":"Building a Video Chat App with Next.js, 100ms, and TailwindCSS"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/building-a-progressive-web-app-with-react-18-tsmjudczs","name":"Building a Progressive Web App with React 18"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/modern-web-animations-with-gsap-and-vue-3-trh2s-0yf","name":"Modern web animations with Gsap and Vue 3"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/a-dive-into-react-storybook-oldhh3nx2","name":"A Dive into React Storybook"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/building-crud-apps-with-nextjs-gy7kcgoow","name":"Building CRUD Apps with NextJs"}]},{"@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":"asayer","item":"https://daily.dev/sources/asayer"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/asayer/best-of"},{"@type":"ListItem","position":5,"name":"April 2022"}]}]} ```