React JS Tags component

I was looking for some light weight Tags component found Tagify to be interesting. But then figured out it got many features which I will not use. So I wanted to create something very minimalist. I found athe following article to follow as I wanted save time while creating this. But that article was … Read more

Implement form builder with React JS Drag and Drop (DnD)

I am working on a form builder which is part of my CodeIgniter 4 website builder going to be available at The current website builder uses old UI and generates website in CodeIgniter 3. While doing that I had many challenges as I was using the React DnD for the first time. Here I … Read more

Avoiding form fields loosing focus issues when using redux

I am working on revamping my dynamic website generator Last time when I implemented 10 years ago, I choose KnockoutJS for binding data model to the UI as there were not many options at the time. But this time planned to migrate to React JS. I still loves the KnockoutJS for its minimal library … Read more

Maintaining state with react JS Drag and Drop (DnD) and redux

I am currently working on a form builder which is part of the website builder for CodeIgniter website generator. So the requirement was to allow users to create dynamic pages by dragging and dropping elements as part of the data model and also support dragging and dropping other building block elements such as column … Read more

JavaScript functions

Adding some of the JavaScript functions which could use in your projects. Most of them are from my React projects using as functional components in Helper.js file. Unique id function This can be used when needs to generate unique ids for the item. I have created this for generating unique ids for new space and … Read more