Blog

I write tutorials about web development with various frameworks and languages. Join my mailing list to make sure you don't miss my latest blog posts.

Join my mailing list

28

GOLANG

How to Build a REST API with Golang using Gin and Gorm

This article was originally written for LogRocket. Go is a very popular language for good reason. It offers similar performance to other…

DJANGO

Enable Login with Email in Django

Django is currently my favorite framework for building web applications. Despite its simplicity and delightful development experience, one…

TYPESCRIPT

How to Build a GraphQL API with TypeGraphQL and TypeORM

This article was originally written for LogRocket. GraphQL's popularity is constantly growing, and it’s no mystery as to why: it’s a great…

NODE.JS

Upload Files with Multer

Uploading files is an essential feature for web applications these days. In this tutorial will cover how to upload files into a server from…

JAVASCRIPT

How to Generate Unique ID in JavaScript

There are several ways to generate unique identifier in JavaScript. This could very useful in many cases, such as rendering list efficiently…

JAVASCRIPT

Advanced Data Searching with Lunr.js

Lunr.js is a full-text search library for JavaScript. It allows us to perform a complex search to a collection of data. Its small, powerful…

JAVASCRIPT

How to Search an Array in JavaScript

In the previous tutorial, we learn about how we can do CRUD operations to an array in JavaScript. In this tutorial, we are going to learn…

JAVASCRIPT

How to CRUD an Array in JavaScript

There are two ways to create, update, and delete items to an array in JavaScript. The first approach is by using the destructive methods…

REACT

How to Use Formik

Formik has just released the version 2.x, which is a major release that has some breaking changes in its API. It offers some additional…

GRAPHQL

How to Use GraphQL DataLoader

GraphQL offers a very convenient way to handle database relations. But with this simplicity comes with an issue that actually easy to fix…

REACT

How to Fetch Data with React Suspense

A while ago, React introduces a new set of features called "Concurrent Mode". And its basically allows you to interrupt the rendering…

NODE.JS

Build REST API with Express & Mongoose

This tutorial will guide you to build a RESTful API with Node.js, Express, and Mongoose with CRUD functionalities. I expect that you have…

REACT

How to Fetch Data with React Hooks

In this tutorial, we're going to learn about new React feature called "Hooks". Well, I have written a lot of tutorials about React Hooks…

FLASK

Build REST API with Flask & SQLAlchemy

Flask is a great framework that enables you to build web applications quickly with Python. It's fast, small, and fun to work with. In this…

FLUTTER

Data Fetching Basics in Flutter

Great applications should provide useful information to their users. Therefore, displaying data from other source (server) is necessary for…

NODE.JS

Build Realtime Chat App with Node.js

In this tutorial, we are going to build a basic chat application with Node.js. Before we get started, I assume that you have little bit…

REACT NATIVE

Build Quotes App with React Native in 5 Minutes

Three days ago, I just give my first tech talk about "How to Get Started as a Mobile Developer" in Jakarta. I talk about what's going on…

NODE.JS

How to Test Your Express APIs with SuperTest

Express is the most popular Node.js framework for building web applications, especially REST APIs. And in this article, I'm going to show…

PYTHON

Run External Program with Subprocess in Python

There are many scenarios where you want to write a small programs that are designed to automate simple tasks. For instance, you want to…

FLUTTER

Asynchronous Programming in Dart

Flutter is getting more popular than ever! But before you start learning the framework, you need to learn the programming language first. I…

GOOGLE CLOUD

Automate App Deployment with Google Cloud Build

Automation is one of the most important aspects in web development. Cause everyone wants to deliver scalable and reliable web application to…

REACT

A Brief Guide to Test React Components with Hooks

Testing is a fundamental skill for every web developer to build high quality and stable web applications. But, it's also intimidating…

REACT

Global State with React Hooks

React Hooks let you use state and other React features in functional components. On the other hand, React Context provides a way to pass…

REACT

Optimize React Hooks Performance

According to the official React documentation, Hooks are functions that let you "hook into" React state and lifecycle features from function…

DJANGO

Render Bootstrap Form in Django

Dealing with user input is a very common task in modern web applications. Luckily, Django offers a convenient way to handle user input…

DOCKER

Automate Docker Deployment with Dokku

Docker is a piece of software to simplify the creation, deployment, and execution of your applications by using containers. Containers…

GRAPHQL

Build Secure GraphQL API and Deploy to AWS

Building a secure APIs is the main job as a backend developer. But how does it works when using GraphQL? And how to deploy it to AWS Lambda…

REACT

Build Server Rendered React App from Scratch

If you have playing around with React for a while, and you start to planning a production web app, you may need to considering about the…