Exmaple with useContext in React JS functional components

In this brief article, we will discuss the effective implementation of useContext. For those unfamiliar, useContext is a technique for sharing state within an application…

Using ChaptGPT for generating React JS code

I was using copilot for while and it was really helpful to speed up the development. But wanted to give a try how ChatGPT compares…

Show and Hide widget animation using React JS

This small tutorial for anyone want to implement a show and hide animation for widgets with simple script and help of some css styles. The…

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…

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 https://thephpcode.com. The current website…

Avoiding form fields loosing focus issues when using redux

I am working on revamping my dynamic website generator thephpcode.com. Last time when I implemented 10 years ago, I choose KnockoutJS for binding data model…

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 thephpcode.com CodeIgniter website generator. So the requirement was to…