Imagine you are building a web app to render images from Lorem Picsum and users can navigate to the next and previous images by clicking the navigation buttons. The web app will only render 1 image at a time and a text to show the author of the image itself…

Recently I got a chance to improve one of the main UI components on my company’s app, called countdown timer. It is used to show the duration of the time-sensitive marketing campaigns. While doing this improvement, I was reminded about one of my interview questions to build a simple countdown…

Earlier this year, the Facebook team has announced the React Native version that supports Flipper by default. Flipper is a platform for debugging mobile apps on iOS and Android through a desktop interface. You can see it as Chrome’s debugging tools to React Native apps. Since the day it is…

Recently we wrote about the frontend engineering standards in TenX. This standard gives us a chance to work with incredible libraries out there, such as React Native, Expo, and TypeScript. We also shared a little bit about how we do testing for our relaunched TenX app. …

Click here to share this article on LinkedIn » The new class “property initializers” allows you to define methods (or any property) in your React components using regular ES6 classes without worrying about binding. Yes, I’ll say that again, without binding. The idea behind it is to assign an arrow…

Playing with gesture and animation in React Native is always a fun but challenging thing to do. My previous post covered how I implemented gesture handler for zooming and dragging a photo. This time I tried another challenge to build a UI that is familiar to Android users: the Pattern…

Entering React and React Native world has been a fun yet challenging journey for me. The more I learn, the more I’m interested in building awesome cross-platform apps, which also leads me to venture into parts of UI I never dared to touch before such as Animation. In most of…