Vue 3 is the latest version of vue.it provides some new awesome features. Such as suspense, teleport, multiple v-model, composition API, composable functions, Better reactivity and etc. When we work with typescript and composition API our code will be more readable and good to reuse. So this article I am gonna explain suspense stuff. (with typescript and composition API).

What is suspense?

Mainly It is used for showing fallback content during loading response, and it helps control when view sections are ready for rendering. It renders the default/fallback component until the server fetches the data. Let's say when we create…


Before we move into EF Core what is ORM(Object Relational Mapper)? Object-Relational Mapping (ORM) is a technique for converting data between relational databases and object-oriented programming languages. Most OOP Backend programming languages have their own ORM.ex: Java(Hibernate), Python(PonyORM), etc.

Entity Framework 6 (EF6) is a tried and tested object-relational mapper (ORM) for. NET.

Entity Framework Core is a modern object-database mapper for. NET. It enables .NET developers to work with a database using .NET objects and an automated mechanism for accessing & storing the data in the database. Let's Move on to EF Core.

EF Core supports two development approaches.


Azure DevOps Server is a Microsoft product that provides Git collaboration, reporting, requirements management, project management, automated builds(pipelines), testing, and release criteria.

When you create a new project from azure dev-ops first you will get some option to create, you can add private or public projects, version control, and process type(Basic, agile, scrum..).

There are 5 main components in Azure DevOps.

1)Azure Boards,

2)Azure Repositories

3)Azure TestPlans

4)Azure Pipelines

5)Azure Artifacts.

Azure Board- It is a kind of project management tool. Azure board has 5 main features. WorkItems, Boards, Backlogs, Sprints, and Dashboards.

I will explain one by one. Here…


Javascript has Reflect object it is a normal object. It is not a function object and doesn’t have an internal method. Reflect is not a constructor. this reflects object provides some static functions which we used in the proxy handlers. Let's see the static reflect methods.

Apply,construct,defineProperty,deleteProperty,enumerate,get,getOwnPropertyDescriptor,getPrototypeOf,isExtensible,ownKeys,preventExtensions,set,setPrototypeOf

Let's check with some reflect static methods with examples.

Reflect.apply ( target, thisArgument, argumentsList)

The Reflect.apply() method is used to call a function using the specified parameter.


Proxy is an es6 JavaScript feature. a proxy is an object that wraps another object. It can be used for interception, object virtualization, etc. A proxy makes us perform meta-programming .meta programming means a program can be implemented to read, generate, modify, or transform other programs. Proxy is created with two parameters target and handler.

Target-the original object which you want to proxy,

Handler-object has methods or traps that control the target object.

Inside the handler, methods are called traps. To modify the proxy, we define functions on the handler object. Let's start with an example.


Nowadays typescript is fully supported for many JavaScript frameworks(vue,angular,react..) . When we come to frontend development typescript is a good solution for code readability and code maintenance rather than JavaScript. The reusable component is a very important thing in component-based architecture. Generic is the best way to do reusable components. This article is all about generics. Let's move on with a small example.

function addItems(item:string):string[]{

const newItem: string[]=[];

newItem.push(item);

return newItem;

}

const listItems=addItems(“book”);

listItems.push(“table”)

console.log(listItems); // [“book”, “table”]

in the above example, we have created the function that return type is string array and parameter type is string .you…

Banushan Puviraj

The very basic core of a man’s living spirit is his passion for adventure

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store