Home - TechBoxWeb

July 5, 2020

Learn about Web development and SEO

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="lazyload lazyload avatar avatar-30 photo" 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="lazyload lazyload avatar avatar-30 photo" 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="lazyload lazyload avatar avatar-30 photo" height='30' width='30' />

Nitin HepatJune 5, 2020

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="lazyload lazyload avatar avatar-30 photo" height='30' width='30' />

Nitin HepatMay 30, 2020

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="lazyload lazyload avatar avatar-30 photo" height='30' width='30' />

Nitin HepatMay 23, 2020

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="lazyload lazyload avatar avatar-30 photo" height='30' width='30' />

Nitin HepatMay 19, 2020

Tutorials

Virtual scroll with react

<img width="365" height="207" src="https://www.techboxweb.com/wp-content/uploads/2020/06/Virtual-scroll-with-react.png" class="lazyload lazyload attachment-disto_slider_grid_small size-disto_slider_grid_small wp-post-image" alt="Virtual scroll with react" srcset="https://www.techboxweb.com/wp-content/uploads/2020/06/Virtual-scroll-with-react.png 365w, https://www.techboxweb.com/wp-content/uploads/2020/06/Virtual-scroll-with-react-300x170.png 300w" sizes="(max-width: 365px) 100vw, 365px" />

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="lazyload lazyload avatar avatar-30 photo" height='30' width='30' />

Nitin HepatJune 24, 2020

<img width="365" height="207" src="https://www.techboxweb.com/wp-content/uploads/2020/06/Real-time-search-using-Rxjs.png" class="lazyload lazyload attachment-disto_slider_grid_small size-disto_slider_grid_small wp-post-image" alt="" srcset="https://www.techboxweb.com/wp-content/uploads/2020/06/Real-time-search-using-Rxjs.png 365w, https://www.techboxweb.com/wp-content/uploads/2020/06/Real-time-search-using-Rxjs-300x170.png 300w" sizes="(max-width: 365px) 100vw, 365px" />

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="lazyload lazyload avatar avatar-30 photo" height='30' width='30' />

Nitin HepatJune 7, 2020

Angular and rxjs

<img width="365" height="207" src="https://www.techboxweb.com/wp-content/uploads/2020/05/handling-http-reques.png" class="lazyload lazyload attachment-disto_slider_grid_small size-disto_slider_grid_small wp-post-image" alt="Angular and rxjs" srcset="https://www.techboxweb.com/wp-content/uploads/2020/05/handling-http-reques.png 365w, https://www.techboxweb.com/wp-content/uploads/2020/05/handling-http-reques-300x170.png 300w" sizes="(max-width: 365px) 100vw, 365px" />

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="lazyload lazyload avatar avatar-30 photo" height='30' width='30' />

Nitin HepatMay 30, 2020

Light and dark theme

<img width="365" height="207" src="https://www.techboxweb.com/wp-content/uploads/2020/05/Dark.png" class="lazyload lazyload attachment-disto_slider_grid_small size-disto_slider_grid_small wp-post-image" alt="Light and dark theme" srcset="https://www.techboxweb.com/wp-content/uploads/2020/05/Dark.png 365w, https://www.techboxweb.com/wp-content/uploads/2020/05/Dark-300x170.png 300w" sizes="(max-width: 365px) 100vw, 365px" />

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="lazyload lazyload avatar avatar-30 photo" height='30' width='30' />

Nitin HepatMay 15, 2020

aligning div side by side

<img width="365" height="207" src="https://www.techboxweb.com/wp-content/uploads/2020/04/HTML_.png" class="lazyload lazyload attachment-disto_slider_grid_small size-disto_slider_grid_small wp-post-image" alt="aligning div side by side" srcset="https://www.techboxweb.com/wp-content/uploads/2020/04/HTML_.png 365w, https://www.techboxweb.com/wp-content/uploads/2020/04/HTML_-300x170.png 300w" sizes="(max-width: 365px) 100vw, 365px" />

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="lazyload lazyload avatar avatar-30 photo" height='30' width='30' />

Nitin HepatApril 27, 2020

String.prototype.split()

<img width="365" height="207" src="https://www.techboxweb.com/wp-content/uploads/2020/04/String.prototype.split_-1.png" class="lazyload lazyload attachment-disto_slider_grid_small size-disto_slider_grid_small wp-post-image" alt="String.prototype.split()" srcset="https://www.techboxweb.com/wp-content/uploads/2020/04/String.prototype.split_-1.png 365w, https://www.techboxweb.com/wp-content/uploads/2020/04/String.prototype.split_-1-300x170.png 300w" sizes="(max-width: 365px) 100vw, 365px" />

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="lazyload lazyload avatar avatar-30 photo" height='30' width='30' />

Nitin HepatApril 15, 2020

Remove duplicates from an array

<img width="365" height="207" src="https://www.techboxweb.com/wp-content/uploads/2020/04/Remove-duplicates-from-array-365-207.png" class="lazyload lazyload attachment-disto_slider_grid_small size-disto_slider_grid_small wp-post-image" alt="Remove duplicates from an array" srcset="https://www.techboxweb.com/wp-content/uploads/2020/04/Remove-duplicates-from-array-365-207.png 365w, https://www.techboxweb.com/wp-content/uploads/2020/04/Remove-duplicates-from-array-365-207-300x170.png 300w" sizes="(max-width: 365px) 100vw, 365px" />

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="lazyload lazyload avatar avatar-30 photo" height='30' width='30' />

Nitin HepatApril 10, 2020

<img width="400" height="280" src="https://www.techboxweb.com/wp-content/uploads/2020/03/SPA-without-framework-400x280.png" class="lazyload lazyload attachment-disto_slider_grid_small size-disto_slider_grid_small wp-post-image" alt="" />

Build a javascript single page application without a framework

<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="lazyload lazyload avatar avatar-30 photo" height='30' width='30' />

Nitin HepatMarch 2, 2020

Articles

<img width="365" height="207" src="https://www.techboxweb.com/wp-content/uploads/2020/06/cookies-vs-localstorage-vs-sessionstorage.png" class="lazyload lazyload attachment-disto_slider_grid_small size-disto_slider_grid_small wp-post-image" alt="" srcset="https://www.techboxweb.com/wp-content/uploads/2020/06/cookies-vs-localstorage-vs-sessionstorage.png 365w, https://www.techboxweb.com/wp-content/uploads/2020/06/cookies-vs-localstorage-vs-sessionstorage-300x170.png 300w" sizes="(max-width: 365px) 100vw, 365px" />

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="lazyload lazyload avatar avatar-30 photo" height='30' width='30' />

Nitin HepatJune 5, 2020

Array vs Set vs Map

<img width="365" height="207" src="https://www.techboxweb.com/wp-content/uploads/2020/05/Array-vs-Set-vs-Map.png" class="lazyload lazyload attachment-disto_slider_grid_small size-disto_slider_grid_small wp-post-image" alt="Array vs Set vs Map" srcset="https://www.techboxweb.com/wp-content/uploads/2020/05/Array-vs-Set-vs-Map.png 365w, https://www.techboxweb.com/wp-content/uploads/2020/05/Array-vs-Set-vs-Map-300x170.png 300w" sizes="(max-width: 365px) 100vw, 365px" />

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="lazyload lazyload avatar avatar-30 photo" height='30' width='30' />

Nitin HepatMay 23, 2020

CSS variables by techboxweb

<img width="365" height="207" src="https://www.techboxweb.com/wp-content/uploads/2020/05/CSS-variables.png" class="lazyload lazyload attachment-disto_slider_grid_small size-disto_slider_grid_small wp-post-image" alt="CSS variables by techboxweb" srcset="https://www.techboxweb.com/wp-content/uploads/2020/05/CSS-variables.png 365w, https://www.techboxweb.com/wp-content/uploads/2020/05/CSS-variables-300x170.png 300w" sizes="(max-width: 365px) 100vw, 365px" />

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="lazyload lazyload avatar avatar-30 photo" height='30' width='30' />

Nitin HepatMay 19, 2020

Optional chaining

<img width="365" height="207" src="https://www.techboxweb.com/wp-content/uploads/2020/05/Optional-Chaining-feature-image.png" class="lazyload lazyload attachment-disto_slider_grid_small size-disto_slider_grid_small wp-post-image" alt="Optional chaining" srcset="https://www.techboxweb.com/wp-content/uploads/2020/05/Optional-Chaining-feature-image.png 365w, https://www.techboxweb.com/wp-content/uploads/2020/05/Optional-Chaining-feature-image-300x170.png 300w" sizes="(max-width: 365px) 100vw, 365px" />

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="lazyload lazyload avatar avatar-30 photo" height='30' width='30' />

Nitin HepatMay 8, 2020

Async_await

<img width="400" height="280" src="https://www.techboxweb.com/wp-content/uploads/2020/05/Async_await-400x280.png" class="lazyload lazyload attachment-disto_slider_grid_small size-disto_slider_grid_small wp-post-image" alt="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="lazyload lazyload avatar avatar-30 photo" height='30' width='30' />

Nitin HepatMay 4, 2020

CSS flex vs CSS grid

<img width="365" height="207" src="https://www.techboxweb.com/wp-content/uploads/2020/05/flexvsgrid-featured.png" class="lazyload lazyload attachment-disto_slider_grid_small size-disto_slider_grid_small wp-post-image" alt="CSS flex vs CSS grid" srcset="https://www.techboxweb.com/wp-content/uploads/2020/05/flexvsgrid-featured.png 365w, https://www.techboxweb.com/wp-content/uploads/2020/05/flexvsgrid-featured-300x170.png 300w" sizes="(max-width: 365px) 100vw, 365px" />

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="lazyload lazyload avatar avatar-30 photo" height='30' width='30' />

Nitin HepatMay 3, 2020

Guide for css flexbox

<img width="365" height="207" src="https://www.techboxweb.com/wp-content/uploads/2020/04/Detail-guide-for-css-flexbox.png" class="lazyload lazyload attachment-disto_slider_grid_small size-disto_slider_grid_small wp-post-image" alt="Guide for css flexbox" srcset="https://www.techboxweb.com/wp-content/uploads/2020/04/Detail-guide-for-css-flexbox.png 365w, https://www.techboxweb.com/wp-content/uploads/2020/04/Detail-guide-for-css-flexbox-300x170.png 300w" sizes="(max-width: 365px) 100vw, 365px" />

Detail Beginner Guide for CSS Flexbox with examples

<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="lazyload lazyload avatar avatar-30 photo" height='30' width='30' />

Nitin HepatApril 24, 2020

Best practices to speed up your website

<img width="365" height="207" src="https://www.techboxweb.com/wp-content/uploads/2020/03/Best-practices-to-speed-up-your-website-jpg.jpg" class="lazyload lazyload attachment-disto_slider_grid_small size-disto_slider_grid_small wp-post-image" alt="Best practices to speed up your website" srcset="https://www.techboxweb.com/wp-content/uploads/2020/03/Best-practices-to-speed-up-your-website-jpg.jpg 365w, https://www.techboxweb.com/wp-content/uploads/2020/03/Best-practices-to-speed-up-your-website-jpg-300x170.jpg 300w" sizes="(max-width: 365px) 100vw, 365px" />

Top 8 best practices to speed up your website

<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="lazyload lazyload avatar avatar-30 photo" height='30' width='30' />

Nitin HepatMarch 29, 2020