DEV Community

Cover image for Ng Hacks: Series Introduction
Abdun Nahid
Abdun Nahid

Posted on

Ng Hacks: Series Introduction

Hi
This is my first ever technical writing. I used to read your posts silently. I read a lot of benefits of writing but couldn’t write something by myself. I’d got mixed feelings. This time I determined that I must write and I will write. And here it is. I wish to have your Indulgence.🤗

We developers always stuck into problems. We spend hours on finding solutions. Sometimes it seems impossible. But somehow we come up with a solution, does not need to be the perfect one. Everyone knows the term “hack” or “workaround”. Almost every developer does the practical implementation of this term. It can be because of the deadline, tight task estimation, lack of knowledge, or maybe the bug in the technology itself. I also did some hacky implementation with Angular. This series is about those hacks.

Note: This series of articles shows hacks & workaround solutions. And also may contain bad practices. Please take it with that concern on your mind. Your opinion can be different on things and that's fine. Let me know your thoughts. These are the hacks that worked for me.

This series belongs to this repo:

GitHub logo abdunnahid / nghacks

Custom UI components built with Angular & Angular Material

NgHacks

Custom UI components built with Angular & Angular Material

GitHub commit activity GitHub Workflow Status GitHub

Live Preview

Browse: ng-hack.web.app

Website W3C Validation

Components

Stores and retrieves mat table states (sorting, pagination) with url query params.

Live Preview

You can read that on my blog

npm (scoped) npm GitHub Workflow Status


Updates browser title dynamically & automatically on route change.

Live Preview

npm (scoped) npm GitHub Workflow Status


Picks image or file

Live Preview

npm (scoped) npm GitHub Workflow Status


Shows detail information on a dialog/modal

Live Preview

npm (scoped) npm GitHub Workflow Status


Shows full size image in a overlay maintaining the aspect ratio.

Live Preview

npm (scoped) npm GitHub Workflow Status


Quantity input for shopping cart.

Live Preview

npm (scoped) npm GitHub Workflow Status


Rating input for products/services.

Live Preview

npm (scoped) npm GitHub Workflow Status


Image carousel for web page banner.

Live Preview

npm (scoped) npm GitHub Workflow Status


Show overflowing content as carousel.

Live Preview

npm (scoped) npm GitHub Workflow Status




Let the hacking begin.
Wish me luck. 😇

Top comments (0)