Skip to main content

Creating First ASP.NET Core 3.0 App with Visual Studio 2019 Preview

The first public preview of Visual Studio 2019 and .NET Core 3.0 is out. I expect both to be a major release with lots of new features and some code breaking changes. The biggest change with .NET Core 3.0 is support for desktop applications and ASP.NET Core 3.0 will only run on .NET Core. In this post, we’ll see how to install .NET Core 3.0 and Visual Studio 2019 preview, new features of visual studio 2019 and also creating first ASP.NET Core 3.0 app with Visual Studio 2019. (more…)

Read More

How to set Canonical URL in Angular 7

SEO is an integral part of any website and Canonical URLs can help to inform search engines about identical or “duplicate” content appearing on multiple URLs. A canonical tag (AKA “rel canonical”) tells search engines to use the URL defined in the canonical tag to appear in search results. You can refer this guide to find more about the importance of Canonical URL. It’s important to create the canonical URLs dynamically as a static canonical URL can also impact your search engine results. In this short post, we’ll see how to set Canonical URL in Angular 7. (more…)

Read More

Show an image preview before uploading using Angular 7

I am currently working on an Angular 7 based app and as part of one of the requirements, the image preview needs to be shown in the app before uploading the actual image and the file upload control is only allowed to select images. The was very easy and quick to implement and thought of sharing with all of you. So in this short post, find out how to show an image preview before uploading using Angular 7. (more…)

Read More

Create a React Redux App with Visual Studio 2017 and ASP.NET Core 2.2

Redux is a predictable state container for JavaScript apps. It’s a mechanism to store and share the data on the client side within the application. Redux is generally used in a combination of React, but it’s not tied to React. Earlier I posted about creating a React App with Visual Studio 2017 and ASP.NET Core 2.2 and in the same post, I mentioned that there are 2 pre-defined templates for creating a React application. The React.js template creates a react application, where the React.js And Redux template has Redux configured for you. In this post, find out how to create a React Redux App with Visual Studio 2017 and ASP.NET Core 2.2. (more…)

Read More

Create a React App with Visual Studio 2017 and ASP.NET Core 2.2

React is a component-based JavaScript library for building user interfaces. It lets you create the view layer from small and isolated pieces of code called components. Earlier, I posted about creating Angular 5, Angular 6 and Angular 7 apps with Visual Studio 2017 and ASP.NET Core. Similarly, the ASP.NET Core SPA templates allow you to create a React App with Visual Studio 2017 and ASP.NET Core 2.2 without installing any third-party extensions or templates.
(more…)

Read More

Angular 7 – Virtual Scrolling and Drag and Drop features

Angular 7 is out!! Angular Material received a big update in this year and the two new features of Angular CDK, Virtual Scrolling and Drag and Drop support are now available with Angular 7. Virtual Scrolling loads and unloads elements from the DOM based on the visible parts of a list, where Drag and Drop feature supports dragging, dropping and rearranging elements. In this post, we will look at Virtual Scrolling and Drag and Drop features in action with Angular 7. (more…)

Read More

How to create an Angular 7 app with Visual Studio 2017

Last week, I posted a guide on upgrading Angular 6 app to Angular 7. But, what if you wish to create Angular 7 app from scratch with VS 2017? At the time of writing this post, default ASP.NET Core SPA templates allow you to create Angular 5/6 based app with Visual Studio without installing any third-party extensions or templates. This post talks about how to create an Angular 7 App with Visual Studio 2017. (more…)

Read More