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. 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. 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.
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. 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. Read More
Upgrade Angular 6 app to Angular 7 with Visual Studio 2017
Angular 7 is out!! It’s another major release spanning the entire platform, including the core framework, Angular Material, and the CLI with synchronized major versions. Earlier I posted about creating an Angular 6 app with Visual Studio 2017 using ASP.NET Core 2.1 SPA templates. Now, it’s time to upgrade the same angular app to the latest version which is Angular 7. This post talks about how to upgrade Angular 6 app to Angular 7 with Visual Studio 2017 and we’ll also see an example of Angular 7 Drag and Drop Feature. Read More
HTTP-REPL Tool to test WEB API in ASP.NET Core 2.2
Today there are no tools built into Visual Studio to test WEB API. Using browsers, one can only test http GET requests. You need to use third-party tools like Postman, SoapUI, Fiddler or Swagger to perform a complete testing of the WEB API. In ASP.NET Core 2.2, a CLI based new dotnet core global tool named “http-repl” is introduced to interact with API endpoints. It’s a CLI based tool which can list down all the routes and execute all HTTP verbs. In this post, let’s find out how to use HTTP-REPL tool to test WEB API in ASP.NET Core 2.2.
Read More