Blog

Developer news, read by people who ship.

Architecture Jul 11, 2021

Building a fault-tolerant event-driven architecture with Google Cloud, Pulumi and Debezium

In this article, we learn how to use Pulumi and Debezium to create resilient event-driven architecture. We will use a modern technique called Change Data Capture.

Ido Shamun
AI Jul 7, 2021

5 bad coding practices, GitHub Copilot, CRO - Week 187

5 bad coding practices, GitHub Copilot, CRO, and more!

Ido Shamun
Tailwind CSS Jul 5, 2021

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.

Vaibhav Khulbe
Insights Jul 1, 2021

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.

Chameera Dulanga
React Jun 30, 2021

Vite + React, The Art of Comments, Top 5 Git Tips - Picks 186

Learn to use Vite + React, useful git tricks, how to write better comments, and more

Ido Shamun
Vue.js Jun 29, 2021

Different State Management Patterns for VueJS

State management is at the core of any frontend framework. There are several options when it comes to VueJS. This article will explore these patterns helping developers to choose the right one depending on the use case.

Viduni Wickramarachchi
Vue.js Jun 28, 2021

What's New with the Composition API in VueJS

Composition API is a brand new code structure for writing Vue components to improve code reuse and readability.

Charuka Herath
Snowpack Jun 24, 2021

Untangle your web development with Snowpack

We'll talk about how to create your own React app from scratch. No CRA needed leveraging the power of a faster, better build tool called Snowpack.

Juan F. Gonzalez
Next.js Jun 23, 2021

React 18, Next.js 11, DDD, face-api - Picks 185

In case you slept through this week and didn't hear about all the goodies here's a recap of everything that happened

Ido Shamun
React Jun 16, 2021

React 18, Chrome 0-Day Bug, Redux Alternatives - Picks 184

React 18 is in the plans, a 0-day bug was found in Chrome, 20 developer memes that will make you laugh, and more!

Ido Shamun
Fastify Jun 15, 2021

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.

Mahdhi Rezvi
Tailwind CSS Jun 14, 2021

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!

Vaibhav Khulbe
Tailwind CSS Jun 10, 2021

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.

Vaibhav Khulbe
Next.js Jun 10, 2021

How to implement i18n in Next.js 🌏

Language shouldn't be your barrier in getting to a billion users, so that's why I will demonstrate here how you can build a Next.js app to adapt to various languages. Read on.

Chidume Nnamdi
Next.js Jun 9, 2021

Back-end Guide, Next.js Free Course, CSS for Web Vitals - Picks 183

Learn JavaScript async execution, a new Next.js course it out, improve performance with CSS and more

Ido Shamun
Next.js Jun 7, 2021

How to use Prisma in a Next.js app

In this post, we will learn how to use Prisma, an ORM for JavaScript and TypeScript, in a Next.js app.

Chidume Nnamdi
Next.js Jun 3, 2021

Master code splitting with dynamic imports in Next.js

Using code splitting and smart loading strategies, you can speed up your Next.js application. Let's learn how to get it done.

Chidume Nnamdi
Architecture Jun 2, 2021

Document Your Architecture, Distortion Effect, Web3, Projen - Picks 182

Web3, architecture docs, game development, and more are all covered in the new issue of our weekly picks

Ido Shamun
GraphQL Jun 1, 2021

Caching in GraphQL: How to prevent excessive and unnecessary requests

Learn how caching can be used to cache GraphQL requests to prevent excessive and unnecessary requests.

Chidume Nnamdi
gRPC May 31, 2021

gRPC service in Node.js: Tutorial, Examples and Best practices

gRPC is a new technology here for building APIs to achieve high load time and fast network latency. In this article, we will demonstrate how to build a gRPC-powered API in Nodejs. First, let's learn what gRPC is.

Chidume Nnamdi
gRPC May 27, 2021

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.

Chidume Nnamdi
Weekly Picks May 26, 2021

Notion API, Ethereum Development, WWDC21 - Picks #181

Notion API is out, learn Ethereum development, RSVP to WWDC 21 and more

Ido Shamun
Fastify May 25, 2021

Fastify authentication strategy

Authenticating users to our application prevents the wrong people from gaining access to our service. Without strong authentication and proper implementation strategies, our service could be compromised. In this article, we would look at how to implement a custom authentication strategy in Fastify.

Lawrence Eagles
gRPC May 24, 2021

gRPC vs. REST: pros and cons and technical comparison

So is gRPC better than REST? No, I think you choose the one that your use-case demands. Learn when it's best to use REST and when you should choose gRPC.

Chidume Nnamdi
News May 21, 2021

My takeaways from Google I/O Event 2021 as a developer

The annual Google IO developer conference kicked off with a two-hour keynote filled with announcements. Here are the highlights.
gRPC May 20, 2021

gRPC: detailed guide to the core concepts

gRPC is a robust open-source high-performance RPC framework released by Google in 2015. It is a standardized, general-purpose, and cross-platform RPC infrastructure that provides scalability, performance, and functionality to distributed applications.

Chidume Nnamdi
Weekly Picks May 19, 2021

Next-Gen CSS, OSS needs you, testing best practices - Picks #180

Learn about the new CSS container queries, JavaScript testing practices, what you can do for the open-source community, and more!

Ido Shamun
Fastify May 18, 2021

Building modern APIs with Fastify, Graphql, and MongoDB

Both Fastify and GraphQL are great technologies that offer improved speed, flexibility, and easy code maintainability.

Lawrence Eagles
GraphQL May 17, 2021

How GraphQL Subscriptions Work: Tips, Best Practices and Examples.

Subscriptions is one of the powerful features of GraphQL. In this guide, I cover all you need to know to start with subscriptions in GraphQL.

Chidume Nnamdi
Tailwind CSS May 14, 2021

Tailwind CSS from Zero to Hero - The Utility-First Workflow

In this article, you got to know more about the core concept behind what makes Tailwind CSS a different CSS framework, i.e. the utility classes. You saw how they are formatted, how they work, how they convert to the usual CSS properties.

Vaibhav Khulbe

Developer news, read by people who ship.

Building a fault-tolerant event-driven architecture with Google Cloud, Pulumi and Debezium

5 bad coding practices, GitHub Copilot, CRO - Week 187

Tailwind CSS from Zero to Hero - Dark Mode, JIT & More!

Using Vue 3's Router in Practice

Vite + React, The Art of Comments, Top 5 Git Tips - Picks 186

Different State Management Patterns for VueJS

What's New with the Composition API in VueJS

Untangle your web development with Snowpack

React 18, Next.js 11, DDD, face-api - Picks 185

React 18, Chrome 0-Day Bug, Redux Alternatives - Picks 184

Building a Telegram Bot with Fastify

Tailwind CSS from Zero to Hero - Extracting Components and Setting up for Production

Tailwind CSS from Zero to Hero - Responsiveness and Custom Utilities

How to implement i18n in Next.js 🌏

Back-end Guide, Next.js Free Course, CSS for Web Vitals - Picks 183

How to use Prisma in a Next.js app

Master code splitting with dynamic imports in Next.js

Document Your Architecture, Distortion Effect, Web3, Projen - Picks 182

Caching in GraphQL: How to prevent excessive and unnecessary requests

gRPC service in Node.js: Tutorial, Examples and Best practices

Build a chat app using gRPC and React

Notion API, Ethereum Development, WWDC21 - Picks #181

Fastify authentication strategy

gRPC vs. REST: pros and cons and technical comparison

My takeaways from Google I/O Event 2021 as a developer

gRPC: detailed guide to the core concepts

Next-Gen CSS, OSS needs you, testing best practices - Picks #180

Building modern APIs with Fastify, Graphql, and MongoDB

How GraphQL Subscriptions Work: Tips, Best Practices and Examples.

Tailwind CSS from Zero to Hero - The Utility-First Workflow