The latest articles on DEV Community by Supun Lakmal (@supun_lakmal_0a085459856f). https://dev.to/supun_lakmal_0a085459856f https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F2111160%2F56ff78be-0ab7-4260-9f9f-326885ddacc1.jpg https://dev.to/supun_lakmal_0a085459856f en Supun Lakmal Sun, 25 May 2025 05:39:58 +0000 https://dev.to/supun_lakmal_0a085459856f/auto-tag-on-package-version-change-github-action-3ajm https://dev.to/supun_lakmal_0a085459856f/auto-tag-on-package-version-change-github-action-3ajm <p>🚀 Excited to Share: Auto Tag on Package Version Change - GitHub Action</p> <p>I've created a GitHub Action that automates version tagging for Node.js projects! </p> <p>🛠️ Key Features:<br> • Automatically creates Git tags from package.json versions<br> • Supports multiple environments (dev, qa, prod)<br> • Custom suffix mapping for different branches<br> • Zero-configuration required<br> • Prevents duplicate tags</p> <p>🔍 Perfect for teams who want to:<br> • Automate release management<br> • Maintain clean version control<br> • Streamline deployment workflows<br> • Reduce manual tagging errors</p> <p>🌟 Try it out: <a href="https://github.com/supunlakmal/action-tag-on-package-version-example" rel="noopener noreferrer">https://github.com/supunlakmal/action-tag-on-package-version-example</a></p> <p>Would love to hear your thoughts and feedback! Feel free to star ⭐ the repo if you find it useful.</p> github githubactions opensource cicd Supun Lakmal Fri, 09 May 2025 09:40:17 +0000 https://dev.to/supun_lakmal_0a085459856f/introducing-supunlakmalhooks-60-production-ready-react-hooks-in-typescript-3emh https://dev.to/supun_lakmal_0a085459856f/introducing-supunlakmalhooks-60-production-ready-react-hooks-in-typescript-3emh <h1> 🚀 Introducing <code>supunlakmal/hooks</code>: 60+ Production-Ready React Hooks in TypeScript </h1> <p>I'm thrilled to share my open-source project: <a href="https://github.com/supunlakmal/hooks" rel="noopener noreferrer"><code>supunlakmal/hooks</code></a> — a comprehensive collection of over 60 reusable React hooks, all crafted in TypeScript.</p> <h2> 🔧 Why This Library? </h2> <p>In the dynamic world of React development, reusable hooks can significantly streamline your workflow. This library offers:</p> <ul> <li> <strong>Extensive Collection</strong>: Hooks for various use-cases, from UI interactions to browser APIs.</li> <li> <strong>Type-Safe</strong>: Built entirely with TypeScript for robust type-checking.</li> <li> <strong>Simple API</strong>: Designed for ease of use with minimal boilerplate.</li> <li> <strong>SSR Compatible</strong>: Safe to use in server-side rendering environments.</li> <li> <strong>Automatic Cleanup</strong>: Handles listeners, timers, and observers correctly.</li> </ul> <h2> 📦 Getting Started </h2> <p>Install the package:</p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code> npm install @supunlakmal/hooks </code></pre> </div>