How to use web components in React with Typescript

When building a Laravel Inertia React application with TypeScript , I encountered an issue where custom web components were not recognized by TypeScript, even after importing and defining their…

React JS 3 min read
How to use web components in React with Typescript
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 between various components,…

React JS 5 min read
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 with copilot as assistance. So I choose a simple use case of…

React JS 3 min read
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 final animation will be similar to you see below. If you are…

React JS 2 min read
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…

React JS 2 min read
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 builder uses old UI and generates website in…

React JS 3 min read
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 to the UI as there were not many options…

React JS 2 min read