Recent
-
Evaluating performance of CSS Variable vs style value as a React props
Recently I am building a slider that involves animating images on mouse hover. Since the animation occured on all images which are children component, the value of the image hover needs to be passed dow through a React props. During the process, I was conflicted between using CSS variable to update the image background position, or just passing it through the props. I did a little benchmarking to see what really happens.
Read more -
Building a slider with animated images using React
In this tutorial we will build a React component slider with sliced images layout, with animation on mouse hover and on switching between slides. I will divide the tutorial into 3 section: creating slider, sliced image animation, and image animation on mouse hover.
Read more -
Search in a nested object
Have you ever need to create a little search function that works for a small scope such as in a table? Recently I needed to build a simple search function in a small project. The users will have a table of customers where they should be able to search by multiple fields in one search function. Here I will demonstrate the use of recursive function to achieve this feature.
Read more -
CSS Gradient animation
In this post, I will dive into how to create gradient animation as you may have seen on my personal website, and on little detail things in this blog page. We will utilize the use of CSS `background-size` property to create a moving gradient illusion.
Read more -
Welcome to my blog
Hello world! I've been wanting to start a blog since a long time ago. But now I got a chance to build this blog. I will write around the topic of frontend development and tech in general. Lately, I am interested to explore public policy in tech and science and how is the current practice in Indonesia. So maybe there will be a few writings around this topic as well.
Read more