I write tutorials about web and mobile development with various frameworks and languages.
Swift
How to Display an Image Picker in SwiftIn this tutorial, I'm going to show you how you can add an image picker component on your iOS apps using UIImagePickerController, a view…
JavaScript
The Ultimate JavaScript Promise TutorialOne of the features that make JavaScript stands out from other high-level programming languages is its asynchronicity. JavaScript makes us…
Deno
I'm Building an ORM for Deno!This article was originally posted on DEV. Hey developers! I hope you're doing well. I just want to let you know that I'm currently working…
TypeScript
A Practical Guide to TypeScript DecoratorsThis article was originally written for LogRocket. We can all agree that JavaScript is an amazing programming language that allows you to…
Go
How to Build a REST API with Golang using Gin and GormThis article was originally written for LogRocket. Go is a very popular language for good reason. It offers similar performance to other…
Python
Enable Login with Email in DjangoDjango 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 TypeORMThis 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
How to Upload Files with MulterUploading files is an essential feature for web applications these days. This tutorial will cover how to upload files into a server from the…
JavaScript
How to Generate Unique ID in JavaScriptThere are several ways to generate unique identifier in JavaScript. This could very useful in many cases, such as rendering list efficiently…
JavaScript
Full-Text Searching with Lunr.jsLunr.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 JavaScriptIn 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 JavaScriptThere are two ways to create, update, and delete items to an array in JavaScript. The first approach is by using the mutable methods which…
React
How to Use FormikFormik 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 DataLoaderGraphQL 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 SuspenseA while ago, React introduces a new set of features called "Concurrent Mode". And its basically allows you to interrupt the rendering…
Node.js
How to Build a REST API with Express and MongooseThis 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 HooksIn this tutorial, we're going to learn about new React feature called "Hooks". Well, I have written a lot of tutorials about React Hooks…
Python
How to Build a REST API with Flask and SQLAlchemyFlask 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
How to Fetch an API in FlutterGreat applications should provide useful information to their users. Therefore, displaying data from other source (server) is necessary for…
Node.js
How to Build a Realtime Chat App with Node.jsIn 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 MinutesThree 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 API with SuperTestExpress 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 PythonThere 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 DartFlutter 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 BuildAutomation 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 HooksTesting 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 HooksReact Hooks let you use state and other React features in functional components. On the other hand, React Context provides a way to pass…
React
How to Optimize React Hooks PerformanceHooks are one of React's most influential features that redefine the way we write components in React. They let you use the majority of…
Python
Render Bootstrap Form in DjangoDealing 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 DokkuDocker 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 AWSBuilding 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 ScratchIf 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…