Online Portfolio of Samuel Hutama


.NET Core, .NET, MSSQL, Javascript, Microsoft Azure, etc. Striving for clean code using SOLID principle and the like.


Loves writing Angular and React Web App in Typescript. Always pleased to learn new technologies!


In a team with the awesome people of Palador, a software development firm for
custom-crafted experiences.

Visit Palador!
a Microsoft Certified Professional

Passed the Microsoft Azure Exam

Azure Exam 70-532 “Developing Microsoft Azure Solutions”

Medium Stories

.NET Core Azure Service Bus Send and Receive Message in Session Enabled Subscription

The steps to send and receive message in session enabled subscription


Unit Testing React Component with Jest and Enzyme (Without Snapshot Test)

Creating unit tests on a React component using Jest and Enzyme


Installing SonarQube for Code Analysis

The steps to install SonarQube and how to host it on localhost


Posts on Palador

Create a Pie Chart with Dynamic Data Using D3.js & Angular 2

For one of our projects, Time Tracker, we use Angular 2 as the front end platform. It is a web application that includes charts referencing a dynamic dataset. In this post I will show you how to create a pie chart with a dynamic dataset.

Angular 2 vs ReactJs: Part 1 – Setting an App Up from Scratch

Create simple applications implementing Angular 2 and ReactJs. We want to discover both platform’s features and characteristics as much as possible.

Angular 2 vs ReactJs: Part 2 – Displaying Data

Our goal in this part is to grasp how Angular 2 and React handle data. We will then compare the performance time differences between Angular 2 and React to display N number of data.

Using Async/Await in Typescript for Visual Studio IDE

As a Full Stack Developer, Visual Studio is my favorite IDE the past few years. Further, using typescript to handle javascript files is really helpful. I used to call the then() method to handle a function that returns a Promise. Even though the code works well, it is harder to read. Calling then() will increase our level of nesting.

Creating a Mobx-State-Tree Store in React

MST is not yet released (latest version at the time of this writing is 0.11.0), thus articles about MST are still sparse. In this article I write about how to use MST in a nutshell.