Vite is too fast, Low-Code Tutorial, Closures and Decorators - Picks 189
Learn all about Vite, how to build applications with low code, and what closures and decorators are in our weekly picks
Welcome to
「 Super Focused 」
We focus on industry leading platforms so that you can be prepared for your next skill. Then we teach all we can about them.
Choose a category or browse below
「 Super Focused 」
「 Super Focused 」
「 Super Focused 」
More articles →
All Posts
A fine collection of dev stories and tutorials for daily.dev
Weekly Picks
Tailwind CSS
Tailwind CSS from Zero to Hero - Dark Mode, JIT & More!
We covered so much about Tailwind CSS beginning from the first part of the series where we barely knew anything about it to the last part in which we upgraded our skills to make a production-ready website. But there’s always some room to learn more. Of course, there will be new additions every day but I believe there are some topics that need special mention so that you are ready from ‘Zero’ and become a complete ‘Hero’ in Tailwind.
Vue.js
Using Vue 3's Router in Practice
Vue Router is one of the best highlights in the Vue ecosystem. This article covers some standout features of Vue Router like programmatic navigation, navigation guards, data fetching, and nested routes with examples of how to use them in a Vue 3 project. It also covers the best practices and the main differences if you are moving from Vue2.
Fastify
Building a Telegram Bot with Fastify
In this article, we will be looking at how to build our first telegram bot with Fastify. This bot will be able to crack random jokes through the telegram bot API. We will be using the official Joke API created by David Katz to get our jokes. This is a simple API that returns a random joke.
Tailwind CSS
Tailwind CSS from Zero to Hero - Extracting Components and Setting up for Production
In this article, you will get to know what are components in a Tailwind file, how to use them to maximize the developer productivity in your project, and how to extract them to a separate file. Then, we will create our components with the power of React’s nature in our plant’s demo. Finally, we will learn all about production tips and took an exclusive dive into the Tailwind configuration file. Then we make our demo project production-ready!
Tailwind CSS
Tailwind CSS from Zero to Hero - Responsiveness and Custom Utilities
In this article, you will get to know a lot. Starting from installing Tailwind for your project, adding cool hover, focus, and other interactions, to getting to know how responsive elements work in a Tailwind project, converting a non-responsive section to be mobile responsive.
gRPC
Build a chat app using gRPC and React
In this tutorial, we will demonstrate how to use gRPC by building a chat app. We will describe in detail how you can set up a gRPC service and then communicate with it from a React app. The chat messages sending back and forth will be handled by a gRPC service. Let's see how it's done, but first, let's learn what gRPC is.
