Full Stack Development – Tips and Tricks

Month: August 2022

  • Creating a CodeIgniter website using website generator

    —

    by

    Nish
    in ,

    There are many website generators but most of them provided as SaaS. So you will not be able to download the generated website but the code is hosted in the provider side. So you have to keep paying monthly payment as long as you are running your website. Also the customizations are very limited as…

  • Show and Hide widget animation using React JS

    —

    by

    Nish
    in

    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 setting height values for a div element and the transition set to animate in css for the div…

  • Free screen recorder for making animated gif

    —

    by

    Nish
    in

    There is a time that you made an amazing React component and want to show case to the world. Off course you want to show it in action and an animated gif would be better. You search for some screen recorder for making gif file from screen recording. Many of them promised to be free…

  • React JS Tags component

    —

    by

    Nish
    in ,

    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. https://jerrylowm.medium.com/build-a-tags-input-react-component-from-scratch-1524f02acb9a But that article was…

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

    —

    by

    Nish
    in ,

    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 CodeIgniter 3. While doing that I had many challenges as I was using the React DnD for the first time. Here I…

  • Avoiding form fields loosing focus issues when using redux

    —

    by

    Nish
    in ,

    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 at the time. But this time planned to migrate to React JS. I still loves the KnockoutJS for its minimal library…

  • Pega column populations jobs performance issue

    —

    by

    Nish
    in

    When you have a Pega application running longer time in production you might already have a big case volume. In this time if you expose a new column to the case table and deploy to Pega the column population job triggered by the deployment could take longer time to run. This also could cause some…