Welcome to my blog !

Typescript Singleton pattern Implementation with example

January 1, 0001 ·  2 min read

In this blog post, We are going to learn the Singleton pattern in typescript with examples. Singleton Design pattern  Singleton is one of the simple and frequently used design patterns in application development. It is a creational design pattern enables to create a single instance or object of a class in the application. Only Once an instance of the class is created in an application. Every programming language provides an implementation for this pattern....

React loop array/object inside jsx render with examples

January 1, 0001 ·  3 min read

In this short tutorial, You learn how to iterate an array or object in jsx render function. In react components, Render method returns the single element renders to page. Sometimes, we want to display child components with for loop. we can use loop inside render jsx. however it is It is tricky to iterate and display child components This article explains about an employees array data is stored in react state, Display these in child component using react props with iteration in parent component....

Learn websocket basics - Comparison with Http protocol

January 1, 0001 ·  2 min read

Web socket beginner tutorials  WebSocket is a protocol with two way HTTP connection between client and server. Communication happened over a single socket layer, Traditional client-server communication web applications Normal Web applications, the client initiates the request and server serve the response. Here communication is over HTTP protocol, Once the content is served on the page, no updated content will be served until the page is refreshed.  Think of following use cases where real-time communication required in Facebook Chat, Live Cricket scores, Stock Quotes News feed Online games Real-time applications communications For example, Now think of live Cricket based score websites/ Facebook chat sites, the data displayed on live cricket score is very frequent....

Learn Typescript compiler option,tsconfig.json file

January 1, 0001 ·  6 min read

typescript configuration file Every typescript project has tsconfig.json file root directory. tsconfig is abbreviated as typescript configuration file. This file contains all the configuration parameters for typescript compiler.Angular 2+ is based on the typescript. Every Angular project has this file in the project root directory. Browsers will not understand the typescript file, so There is a process called compile/transpile to compile typescript code and generates javascript code All the configuration parameters you specified in this file will be considered during the compilation phase....

Learn Service Worker for application offline access

January 1, 0001 ·  5 min read

Why service worker introduced? In Mobile Applications, features like offline functionality, running background services and push notifications are implemented as part of native mobile devices. This will only available in mobile as inbuilt in functionality. Desktop applications and browser-based applications are not available in builtin. These functionalities in a web application are available using service worker. The web page is normally user-initiated request which is handled by the main thread. Service worker is separate thread runs in the background to track network request, cache the data, retrieving it and pushing the message to the browser....

You'll get a notification every time a post gets published here.