A multi-tenant software-as-a-service (SASS) application is a single instance of the application that serves multiple customers. A SASS will assign customers a subdomain to separate and customise their application data. The wildcards domain can be handy if you let the customer create their subdomain. Today, we will look at how to set the wildcard domain …
Setup Wildcard Domains with Vercel and Cloudflare Nameservers Read More »
Today, we are learning how to create a basic serverless Golang API with Serverless Framework and deploy it to AWS Lambda and AWS API Gateway. Serverless API or FaaS (Function as a Service) has been a trend in modern software architecting for years. There are a few reasons that I do like serverless API Configure AWS Credentials …
I always enjoy building games using Unity 3D during my free time. I always like to make sure the auto-deployment is ready to ensure that I can focus on my development instead of the troublesome building process for every release. Although Unity does provide Unity Cloud Build service to us, I would prefer Github Actions …
Deploying Unity 3D to Play Store in Github Actions with Fastlane Read More »
As for most of my projects, I would like to get the CI process ready as soon as possible to enforce the best practices from the beginning. And a big shout out to the Unity community, who created GitHub Actions plugin – game-ci/unity-actions, that makes CI possible in Github Actions. Before we set up the CI …
React team has released React 18 and the theme for this release is concurrency. Needless to say, React 18 has introduced some new hooks to help us build better and more responsive web applications: Today, we will take a look at how to use these hooks in your project in practice. useTransition Hook By default, …
Images are crucial elements that will bring a strong visual power to a web page. Too many images, however, will deteriorate the performance of a web page due to too many requests to the server. One of the optimisation technique we can use is CSS Sprite, which basically combining multiple images into one image. Then, …
Scaling / Resizing Responsive Retina CSS Sprite Icon in React Read More »
Great news people! Create React App v5 is just released with a bunch of upgrades such as support for Webpack 5, PostCSS 8, and one of my favourites is that it comes with TailwindCSS v3. You are no longer in need of craco or react-app-rewired to get TailwindCSS work with CRA. All you need is …
Create React App v5 is now comes with TailwindCSS v3 Read More »
Localisation is very important for every web application to bring a better user experience to all the users from around the globe and not lose your potential customers. Today, we will look into how to integrate localisation into your React web app including how to handle language changes, formatting, as well as how to load …
Tailwind CSS has recently released a new version of 3.0 and it has included many great and powerful new features including new just-in-time (JIT), scroll snap API, new modifier and etc. Today, we will take a quick look at what is the new Just-in-time engine and why it is so important for all Tailwind CSS’s …
Tailwind CSS v3.0 – New Just-in-Time (JIT) Engine Read More »
With the rise of React Hooks, many developers have added hooks into their open source libraries. If you are using react-redux libraries, they also provided hooks such as useSelector and useDispatch as well. Although hooks allow us to use redux with ease in React, however, there is not much documentation about unit testing with hooks. …
