Category Archives: Tips, Tricks and Ideas

Methods to Create File Dropzone in React and TypeScript

Methods to Create File Dropzone in React and TypeScript Desk of Contents A brief introduction Creating Dropzone component Getting started DragEnter event DragLeave event Drag event Drop event Effects Putting it together Adding simple file list component Creating the App component and making it work Conclusion: How to create file dropzone in React and TypeScript…

Read More

4 Essential Variations Between Common And Arrow Features

4 Essential Variations Between Common And Arrow Features Desk of Contents Forms of functions The this Global scope (with regular functions) Object methods (with regular functions) Constructors (with regular functions) The call() and apply() (with regular functions) The this and arrow functions Implicit return The arguments object Function Constructors Conclusion: 4 main differences between regular…

Read More

Perform Parameters and Arguments in JavaScript

Perform Parameters and Arguments in JavaScript Desk of Contents Function parameters Function arguments Values and references Function arguments and value types Function arguments and reference types Function arguments !== function parameters The arguments object The rest parameter Default parameters Conclusion: Function parameters and arguments in JavaScript Perform parameters and arguments are among the many most…

Read More

Introduction to Object Sorts in TypeScript Pt1

Introduction to Object Sorts in TypeScript Pt1 Desk of Contents Object types in a brief Anonymous object types Named object types Named and anonymous object type and re-usability Object type and property modifiers Optional object properties Readonly object properties Object types and index signatures Readonly index signatures Conclusion: Introduction to Object Types in TypeScript In…

Read More

Introduction to Object Sorts in TypeScript Pt2

Introduction to Object Sorts in TypeScript Pt2 Desk of Contents Extending object types Combining type aliases and interfaces, or intersection types Object types and generics Generics beyond simple type parameters Conclusion: Introduction to object types in TypeScript pt2 TypeScript introduces a brand new sort known as “object sort”. This kind is created particularly for objects…

Read More

TypeScript Interfaces: A Fast Information to Assist You Get Began

TypeScript Interfaces: A Fast Information to Assist You Get Began Desk of Contents JavaScript, objects and black swans TypeScript interfaces made simple Creating an interface Implicit interfaces Using interfaces Implementing interfaces with classes Specifying optional properties Specifying read-only properties Interfaces for functions Extending interfaces Creating generic interfaces Conclusion: TypeScript interfaces TypeScript brings many helpful enhancements…

Read More

Features in TypeScript: A Easy Introduction

Features in TypeScript: A Easy Introduction Desk of Contents Nothing new, just safer? Parameter types Optional parameters Default parameters Rest parameters Return types Function types Function types with types and interfaces Conclusion: Functions in TypeScript Features are elementary a part of JavaScript. They assist make code reusable whereas conserving it versatile. TypeScript takes these advantages…

Read More

Getting Began with React useContext Hook and React Context

Getting Began with React useContext Hook and React Context Desk of Contents React context, global states, prop drilling The context The context provider Creating the context provider Adding state to the context provider Accessing context with the useContext hook Multiple contexts Conclusion: Getting started with React useContext hook and react context React context makes it…

Read More

Getting Began With Constructed-in Utility Varieties in TypeScript Half 2

Getting Began With Constructed-in Utility Varieties in TypeScript Half 2 Desk of Contents A quick introduction Note on availability Note on syntax NonNullable Parameters ConstructorParameters ReturnType InstanceType ThisParameterType OmitThisParameter ThisType Combining utility types Conclusion: Getting started with built-in utility types in TypeScript part 2 TypeScript comes with various built-in utility sorts. These sorts could be…

Read More