Home - TechBoxWeb

March 7, 2021

Learn about Web development and SEO

Early return pattern in javascript

<img alt='' src='https://secure.gravatar.com/avatar/5c696bf8128708c76a979e0f69671308?s=30&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/5c696bf8128708c76a979e0f69671308?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload lazyload' height='30' width='30' />

Nitin HepatSeptember 7, 2020

CreateRef and UseRef: Difference Between React Refs

<img alt='' src='https://secure.gravatar.com/avatar/58d5ef10c068e9f3b6c7e1fc1a318792?s=30&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/58d5ef10c068e9f3b6c7e1fc1a318792?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload lazyload' height='30' width='30' />

AnjaleeJuly 15, 2020

Creating a react dynamic form from JSON

<img alt='' src='https://secure.gravatar.com/avatar/5c696bf8128708c76a979e0f69671308?s=30&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/5c696bf8128708c76a979e0f69671308?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload lazyload' height='30' width='30' />

Nitin HepatJuly 13, 2020

Implementing virtual scroll using react

<img alt='' src='https://secure.gravatar.com/avatar/5c696bf8128708c76a979e0f69671308?s=30&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/5c696bf8128708c76a979e0f69671308?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload lazyload' height='30' width='30' />

Nitin HepatJune 24, 2020

Creating a real-time search functionality using RxJs

<img alt='' src='https://secure.gravatar.com/avatar/5c696bf8128708c76a979e0f69671308?s=30&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/5c696bf8128708c76a979e0f69671308?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload lazyload' height='30' width='30' />

Nitin HepatJune 7, 2020

Difference between cookies vs localstorage vs sessionstorage

<img alt='' src='https://secure.gravatar.com/avatar/5c696bf8128708c76a979e0f69671308?s=30&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/5c696bf8128708c76a979e0f69671308?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload lazyload' height='30' width='30' />

Nitin HepatJune 5, 2020

Tutorials

Dynamic form using react

Creating a react dynamic form from JSON

<img alt='' src='https://secure.gravatar.com/avatar/5c696bf8128708c76a979e0f69671308?s=30&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/5c696bf8128708c76a979e0f69671308?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload lazyload' height='30' width='30' />

Nitin HepatJuly 13, 2020

Virtual scroll with react

Implementing virtual scroll using react

<img alt='' src='https://secure.gravatar.com/avatar/5c696bf8128708c76a979e0f69671308?s=30&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/5c696bf8128708c76a979e0f69671308?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload lazyload' height='30' width='30' />

Nitin HepatJune 24, 2020

Creating a real-time search functionality using RxJs

<img alt='' src='https://secure.gravatar.com/avatar/5c696bf8128708c76a979e0f69671308?s=30&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/5c696bf8128708c76a979e0f69671308?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload lazyload' height='30' width='30' />

Nitin HepatJune 7, 2020

Angular and rxjs

Handling multiple HTTP requests in angular using rxjs

<img alt='' src='https://secure.gravatar.com/avatar/5c696bf8128708c76a979e0f69671308?s=30&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/5c696bf8128708c76a979e0f69671308?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload lazyload' height='30' width='30' />

Nitin HepatMay 30, 2020

Light and dark theme

Dark/light website theming with CSS variables

<img alt='' src='https://secure.gravatar.com/avatar/5c696bf8128708c76a979e0f69671308?s=30&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/5c696bf8128708c76a979e0f69671308?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload lazyload' height='30' width='30' />

Nitin HepatMay 15, 2020

aligning div side by side

Top 5 ways to display two div side by side using CSS

<img alt='' src='https://secure.gravatar.com/avatar/5c696bf8128708c76a979e0f69671308?s=30&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/5c696bf8128708c76a979e0f69671308?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload lazyload' height='30' width='30' />

Nitin HepatApril 27, 2020

String.prototype.split()

How javascript split string into an array?

<img alt='' src='https://secure.gravatar.com/avatar/5c696bf8128708c76a979e0f69671308?s=30&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/5c696bf8128708c76a979e0f69671308?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload lazyload' height='30' width='30' />

Nitin HepatApril 15, 2020

Remove duplicates from an array

How to remove duplicates in Array using Javascript ES6

<img alt='' src='https://secure.gravatar.com/avatar/5c696bf8128708c76a979e0f69671308?s=30&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/5c696bf8128708c76a979e0f69671308?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload lazyload' height='30' width='30' />

Nitin HepatApril 10, 2020

Articles

Early return in javascript

Early return pattern in javascript

<img alt='' src='https://secure.gravatar.com/avatar/5c696bf8128708c76a979e0f69671308?s=30&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/5c696bf8128708c76a979e0f69671308?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload lazyload' height='30' width='30' />

Nitin HepatSeptember 7, 2020

createRef vs useRef

CreateRef and UseRef: Difference Between React Refs

<img alt='' src='https://secure.gravatar.com/avatar/58d5ef10c068e9f3b6c7e1fc1a318792?s=30&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/58d5ef10c068e9f3b6c7e1fc1a318792?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload lazyload' height='30' width='30' />

AnjaleeJuly 15, 2020

Difference between cookies vs localstorage vs sessionstorage

<img alt='' src='https://secure.gravatar.com/avatar/5c696bf8128708c76a979e0f69671308?s=30&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/5c696bf8128708c76a979e0f69671308?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload lazyload' height='30' width='30' />

Nitin HepatJune 5, 2020

Array vs Set vs Map

Thoughts on Array vs Set vs Map using Javascript

<img alt='' src='https://secure.gravatar.com/avatar/5c696bf8128708c76a979e0f69671308?s=30&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/5c696bf8128708c76a979e0f69671308?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload lazyload' height='30' width='30' />

Nitin HepatMay 23, 2020

CSS variables by techboxweb

Thoughts on CSS variables

<img alt='' src='https://secure.gravatar.com/avatar/5c696bf8128708c76a979e0f69671308?s=30&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/5c696bf8128708c76a979e0f69671308?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload lazyload' height='30' width='30' />

Nitin HepatMay 19, 2020

Optional chaining

Thoughts on New ES2020 Optional Chaining in Javascript

<img alt='' src='https://secure.gravatar.com/avatar/5c696bf8128708c76a979e0f69671308?s=30&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/5c696bf8128708c76a979e0f69671308?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload lazyload' height='30' width='30' />

Nitin HepatMay 8, 2020

Async_await

Thoughts on Async and Await in javascript

<img alt='' src='https://secure.gravatar.com/avatar/5c696bf8128708c76a979e0f69671308?s=30&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/5c696bf8128708c76a979e0f69671308?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload lazyload' height='30' width='30' />

Nitin HepatMay 4, 2020

CSS flex vs CSS grid

CSS flex vs grid: which is better?

<img alt='' src='https://secure.gravatar.com/avatar/5c696bf8128708c76a979e0f69671308?s=30&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/5c696bf8128708c76a979e0f69671308?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload lazyload' height='30' width='30' />

Nitin HepatMay 3, 2020