Super Expressive - Easy Peasy Regex Generating
Struggling to write regex from scratch, checkout super-expressive, and a playground written by my friend @nartc
Recent Posts
A childhood memory Tetris game built with Angular 10 and Akita
I built a retro Tetris game with Angular. The first game that I have ever built :)
Angular Jira Clone Part 01 - Create a new repository and set up a new Angular application with CLI
My first post to explain how I built the Jira clone application with Angular, Akita, ng-zorro and TailwindCSS.
Angular Jira Clone Part 00 - Prerequisites
You should know some basic Angular, TypeScript and git knowledge before starting.
I built a Jira clone application with Angular 9, Akita and ng-zorro
I spent my spare time to build a cloned Jira app with Angular 9, Akita and ng-zorro in about two weeks time, including the weekend.
A painful Gatsby v1 to v2 migration
I have just migrated Gatsby v1 to v2 on my client application, and it is a painful experience
How to configure TailwindCSS with Angular and why you should use it
This post give you a quick glance of TailwindCSS and how to use it with Angular. If you’re reading this and you don’t know what TailwindCSS is, where have yo...
NPM vs Bower vs Browserify vs Gulp vs Grunt vs Webpack
Repost my killer answer on stackoverflow with more than 600 votes.
Migrating my blog from Github to Gitlab, and deploy to Netlify
Yesterday morning, I logged in to Github and it came to surprise me with a message:
JavaScript: Understanding the Weird Parts Notes
Below notes were taken from an Udemy course - JavaScript: Understanding the Weird Parts that I learned about four years ago. At that time, I had a shallow kn...
What is JavaScript Closure?
In short, a closure is not the function that is returned in another function. A closure is a combination of a function bundled together (enclosed) with refer...
Angular - Using Visitor design pattern with Typescript
TL;DR - If you have multiple concrete classes that inherit from the same base class, or implement the same interface. You should consider using visitor patte...
Front end editorial style guide
A style guide on the standard format, spelling, and construction of commonly used words and phrases.
Jekyll dark theme (minimal-mistake)
TL;DR - Once you go black you never go back
Understand and prevent the most common memory leaks in Angular application - Subscription unsubscribe
TL;DR - Remember to clean up your Rx subscriptions. In my experience, this is by far the most common cause of memory leaks in Angular applications.
The different between [value] and [ngValue] when passing to select option
TL;DR - Set [value] on <option value="true">Yes</option> will make our model/formcontrol return a string, which mean you receive a string "false"...
Lesson learn from Git branches
Recently our lead architect at Zyllem did a review on the collaborating process using Git. And the conclusion is, we are not great but not terrible.
Convert C# class to TypeScript interface
TL;DR - Use extension C# to TypeScript on VSCode to convert C# class to TS interface.
Why I don’t like ngrx and what are the alternative options?
TL;DR - We started using ngxs on some projects. I might give akita a try soon.
Angular CDK Drag/Drop List inside a table (not Material Table) - Handle rows distorting width
TL;DR - When using Angular CDK Drag/Drop in a normal table using table, tr and td, you can manually set the column width to prevent rows distorting width. If...
Angular async validator to validate an input field with a backend API
TL;DR - Write a custom async validator to validate an input field with a backend API in Angular reactive form.
Angular - Correct singular/plural form of a noun using custom pipe or NgPlural
Pluralization is a problem in its sphere. We need to always correctly define grammar in our apps based on the singular/plural value. E.g
How to export a table or an array in Angular to Excel file (xlsx)
Export data to Excel is very useful on the data list for nearly every web application. The export feature helps to download the data list in a table as a fil...
Limit the number of simultaneous ajax requests
Recently, we changed to use HTTP2 and our DevOps told me that there are some limitations of the current platform. In some specific area, there could be a few...
Angular formArray/formGroup - Validate at least one checkbox was selected
TL;DR - I prefer to use FormGroup to populate the list of checkbox. For checking at least one checkbox was selected, write a custom validator.