What is a javascript Map? JavaScript map is a built-in data structure that allows you to store key-value pairs, where each key can be of any type. It is similar to an object, but with some key differences. One key feature of JavaScript map is that it preserves the order of insertion of elements, so […]
All you need to know about JavaScript Map Object Read More »
In this post, I will be discussing TypeScript classes, which is a big topic in Object-Oriented Programming. To start, I will go over the essential features of TypeScript classes. In future posts, I will delve into the topic in greater detail and cover how TypeScript implements OOP concepts such as Inheritance and Polymorphism, as well
Learn the fundamentals of Typescript classes in no time Read More »
What is Type Annotation? TypeScript is a statically-typed language. Hence, Type Annotation is an essential part of TypeScript that you need to be well familiar with. Type Annotations mean different ways that you can define types of variables, parameters, and return values of functions, and properties (of objects). There are many ways to do type annotation
5 common ways of Type Annotation in TypeScript Read More »
You may have heard of TypeScript whether you are a JavaScript or React developer or even a newbie. It is said to be a superset of JavaScript. What does it mean by a superset? This really means that TypeScript includes all the features of JavaScript and extra features on top of it. So, what does
let’s get started with TypeScript right now Read More »
TypeScript is a superset of JavaScript. Unlike JavaScript, Which is dynamically typed, it is statically typed. This means you will know the types of variables used in your code at the compile time. This helps you as a developer to check for typed-related errors before the code is executed. If there are no compiled errors,
How to create React functional components in TypeScript Read More »
React.lazy and Suspense make React developer life easy. React.lazy helps in code-splitting and Suspense backup React.lazy in loading state. Before, we go into details let’s start things simply. let’s be familiar with some background knowledge. What is Bundling? Bundling is the process of putting code in many files into one file. While bundling is essential
React.lazy and Suspense make code-splitting easy Read More »
Intl Object in JavaScript Intl ( internationalization )is an in-built Object in JavaScript for language-sensitive formatting. It includes constructors for formatting strings, lists, numbers, and dates and times. In this post, I am going to talk about JavaScript date and time formatting with Intl.DateTimeFormat() constructor. Intl.DateTimeFormat() Intl.DateTimeFormat() constructor creates an instance of Intl.DateTimeFormat. You can
How to format JavaScript date and time with Intl.DateFormat Read More »
What is a javascript Date Object? JavaScript Date-object is a built-in object that stores date and time. It provides a variety of helpful methods for developers to set and get dates and times in different forms. It is useful to have some basic knowledge with regard to time zones and related topics when dealing with
A simple guide to JavaScript Date Object Read More »
One of the strengths of styled components is adapting styles based on the props. Props in Styled-components can be utilized to make changes, dynamically and conditionally, with JavaScript. You can also use predefined special props to change the override the HTML tags creating. If you stumble upon this post, I encourage you to have to
How to work with props in Styled-components Read More »
What is styled-components? In simple terms, it is a component that you can use in React applications. The purpose of the Styled- component is to create a specific HTML element and apply the CSS styles for it. As it is a component, you can use JavaScript syntax within your style component. Before you learn the
A simple guide to Styled-components for beginners under 10 minutes Read More »
