Sharooq

How to - parse JSON strings in TypeScript

In this article, we discuss various techniques for parsing JSON strings in TypeScript, such as using the built-in JSON.parse() method, type assertions, custom JSON parsers, error handling, and reviver functions.

How to -

TypeScript

How to - override interface properties in TypeScript

In this article, we explore various techniques for overriding properties in TypeScript interfaces, such as extending interfaces, using intersection types, and leveraging generics and mapped types.

How to -

TypeScript

Mastering the QuerySelector in TypeScript: A Comprehensive Guide with Code

In this article, we cover various techniques for using QuerySelector in TypeScript, such as basic usage, type assertions, custom utility functions, and error handling.

How to -

TypeScript

How to - Handle Process Environment Variables in TypeScript: A Comprehensive Guide with Code

In this article, we cover various techniques for handling process environment variables in TypeScript, such as using type assertions, creating typed configuration objects, using type guards, and leveraging configuration libraries like dotenv and dotenv-safe.

How to -

TypeScript

How to - use dynamic keys with TypeScript objects

By using index signatures, the Record utility type, mapped types, and nested types, you can define and manipulate objects with dynamic keys efficiently and safely.

How to -

TypeScript

How to - Remove properties from TypeScript objects

In this blog post, we explored various techniques to remove properties from TypeScript objects, such as using the delete operator, object destructuring, creating utility functions, and leveraging the Omit type.

How to -

Python

How to insert an element into a tuple in python

There are several indirect methods to add an element to a tuple in python. Those methods include converting the tuple to a list and back, adding a new element as another tuple, using reassignemnt operator, or unpacking an existing tuple.

How to -

Python

How to check if a value can be converted to float in Python

You can check whether a value is convertible to float or not by passing it to the float() method and handling the logic in a try/except block.

AWS -

How to -

AWS Cognito

How to add new Cognito users automatically to a group on sign up - AWS Cognito, Lambda

We will set up a Post Confirmation lambda trigger for adding new users automatically to a certain group. in this guide, we will implement the code for the said function, assign permissions and attach the Lambda function to the Cognito user pool.

Python -

How to

How to add user inputs into a list in python

General steps required to store user inputs into a list:- 1. Declare a variable to store the values in a list. 2. Use an iterative method to loop the user input. 3. Append the value to the list.

AWS -

AWS S3 -

How to

How to configure CORS for S3 bucket in AWS

Steps to configure CORS (Cross-origin resource sharing) in AWS S3. We can configure the level of access each origin have on the S3 bucket.

AWS -

AWS S3 -

How to

How to grant Public Read access to an S3 Bucket in AWS

For an S3 bucket to have public read access, we need to disable the Block public access section, add access permissions in the Bucket Policy section and allow all HTTP requests in the Cross-origin resource sharing (CORS) section.

AWS -

DynamoDB -

AWS Lambda

How to give permission for AWS Lambda to access DynamoDB Table

For an AWS Lambda function to be able to perform operations on a DynamoDB table, we need to attach an IAM policy to its "execution role" in the configuration.

How to -

TypeScript

How to access the keys and values of an Enum (string and numeric) in TypeScript.

In TypeScript, "enums" are real objects that exist at the runtime. We can use a combination of different techniques with "Object.keys()" and "Object.values()" method to access the values.

How to -

Ant Design -

TypeScript

How to validate an Ant Design Form.List to limit the max number of fields.

In order to limit the number of maximum fields allowed inside the Form.List component, we need to create a custom validator inside the "rules" prop specifying the conditions and the error message.

How to -

Ant Design -

ReactJS

How to create an Ant Design Form.List with a minimum number of n fields by default

In Ant Design, we can create a minimum number of default fields inside the "Form.List" using the initialValue prop passed to the "Form" component

How to -

Solved -

TypeScript

How to add types to the useRef Hook while using TypeScript in React

Understand how to type a useRef based on the possible values that could be assigned to it and also make sure to conditionally call methods originating from the useRef itself to avoid null errors.

How to -

ReactJS -

JavaScript

How to code split and lazy load in React using React lazy

React "Lazy" along with "Suspense" provides a method to split bundles into separate chunks and lazy load each component depending on the user requests.

How to -

ReactJS -

TypeScript

How to find the "type" of an event in ReactJS using TypeScript?

Hovering on any React element will show its type definition, which you can pass as "type" to any custom handler function This article demonstrates multiple examples of typing of events.

JavaScript -

How to

How to add or subtract days to the current date in JavaScript

In order to get the current data in javaScript, we can use "Date()" constructor. Then use "getDate()" and "setDate()" methods to manipulate the day of the month

JavaScript -

How to

How to access a JavaScript object property that has a space in its key name.

Both dot notation and bracket notation can be used interchangeably when accessing an object. However, you need to follow bracket notation syntax for accessing key name with sapce.

JavaScript -

How to

How to access a JavaScript object property that has a hyphen ( - ) in its key name.

There are two ways in which we can access the properties of a JS object. They are Bracket Notion and Dot Notation, used interchangeably depending on limitations and simplicity.

JavaScript -

How to

How to access the value of a JavaScript Promise

Promises are used to handle asynchronous operations. We can use Promise.then() or Async - Await method to handle a returned promise value. A promise can result in a "fulfilled" or "rejected" state.

JavaScript -

How to

How to access the first property of a Javascript object

Two implementations to achieve this task - "Object.value()" and "Object.keys()" methods. I will explain why two approaches and how browser backward compatibility is attained...

Subscribe to Sharooq

Subscribe to Sharooq