Koffee With Kode

Simplify Programming...

React Hooks Quick Introduction
React Hooks Quick Introduction

React Hooks are added in React 16.8. we can use state and other React features without writing a class. On this above example we will create a small task. When Click on Click to increase count button then current value will be increased and same as when Click on Click to decrease count button then... » read more

Simple Tree View | Hierarchy Structure for React JS
Simple Tree View | Hierarchy Structure for React JS

We will use react-animated-tree npm package for react js, can be used for react hierarchy structure. Link : react-animated-tree content, Name of the node (string or React-component) type, optional description, good for displaying icons, too (string or React-component) open, optional: default open state canHide, optional: when set true displays an eye icon visible, optional: default... » read more

Phpmyadmin [sql.lib.php] PHP 7.2+Ubuntu 18.04 Fix!
Phpmyadmin [sql.lib.php] PHP 7.2+Ubuntu 18.04 Fix!

Phpmyadmin [sql.lib.php] + PHP 7.2 + Ubuntu 18.04 | Fix Bug When PHP 7.2 comes into market, There are many incompitable scenario can be seen. Meanwhile I meet a situation after installing latest verison of PHP that is 7.2. Installed PHPmyAdmin on my aws server. After loggin into phpmyadmin it is showing a warning showing... » read more

How to open model with dynamic html in bootstrap 4?
How to open model with dynamic html in bootstrap 4?

Recently bootstrap has been updated its version 4. After that we are not able to open dynamic model using prevous method. here we will discuss for new method for dynamic load of bootstrap model. <div id="myModal" class="modal fade form-modal" data-keyboard="false" role="dialog" style="display: none;"> <div class="modal-dialog modal-lg student-big"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title" id="myModalLabel"> <i... » read more

All Array Object into n Group?
All Array Object into n Group?

Sometimes, we face a very common but very confusing situation where we have to think more deeply into it. let’s say we have 2000 objects in an Array. Now we have to distribute all objects into n groups where n is integer digit. let’s say, 8 groups. var allObjects = [{“id”:1}, {“id”:2}, {“id”:3}, {“id”:4}, {“id”:5},... » read more