Creating a Chat Application Using React and ASP.NET Core – Part 2

In this blog series, I’m going to create a small chat application using React and ASP.NET Core, to learn more about React and to learn how React behaves in an ASP.NET Core project during development and deployment. This Series is divided into 5 parts, which should cover all relevant topics:

React Chat Part 1: Requirements & Setup
React Chat Part 2: Creating the UI & React Components
React Chat Part 3: Adding Websockets using SignalR
React Chat Part 4: Authentication & Storage
React Chat Part 5: Deployment to Azure

I also set-up a GitHub repository where you can follow the project. Feel free to share your ideas about that topic in the comments below or in issues on GitHub. Because I’m still learning React, please tell me about significant and conceptual errors by dropping a comment or by creating an Issue on GitHub. Thanks.

Link: https://dzone.com/articles/creating-a-chat-application-using-react-and-aspnet-1?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Creating a Chat Application Using React and ASP.NET Core – Part 1

In this blog series, I’m going to create a small chat application using React and ASP.NET Core, to learn more about React and to learn how React behaves in an ASP.NET Core project during development and deployment. This Series is divided into 5 parts, which should cover all relevant topics:

React Chat Part 1: Requirements and Setup
React Chat Part 2: Creating the UI and React Components
React Chat Part 3: Adding Websockets Using SignalR
React Chat Part 4: Authentication and Storage
React Chat Part 5: Deployment to Azure

I also set-up a GitHub repository where you can follow the project. Feel free to share your ideas about that topic in the comments below or in issues on GitHub. Because I’m still learning React, please tell me about significant and conceptual errors by dropping a comment or by creating an Issue on GitHub. Thanks.

Link: https://dzone.com/articles/creating-a-chat-application-using-react-and-aspnet?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

CRUD Operations With ASP.NET Core Using Angular 5 and ADO.NET

Introduction

In this article, I am going to explain how to create an MVC web application in ASP.NET Core 2.0 with Angular 5. We will be creating a sample Employee Record Management system using Angular 5 at the front-end, Web API on the backend, and ADO.NET to fetch data from the database. We will use an Angular form with the required field validations for the input fields to get data from the user.

We will be using Visual Studio 2017 (Version 15.3.5 or above) and SQL Server 2008.

Link: https://dzone.com/articles/crud-operations-with-aspnet-core-using-angular-5-a

How an Angular Project Is Built

Yesterday I introduced the foundations of Angular and today I’m going to briefly explain how an Angular project is built and why adding an Angular component to an ASP.NET Core is not as easy as just adding a few JavaScript files in a folder. The following is an extract from chapter 3 of my upcoming book “Front-end Development with ASP.NET Core, Angular, and Bootstrap."

Link: https://dzone.com/articles/how-an-angular-project-is-built?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Running ASP.NET Core Applications on Windows Subsystem for Linux

Windows 10 has something called Windows Subsystem for Linux and this something enables us to run Linux applications on Windows 10 using Linux without Hyper-V or other virtual machines. When building multi-platform applications like my open-source TemperatureStation solution, then having Linux right there for testing comes very much in handy. This blog post shows how to get Linux running on Windows, how to install .NET Core, and how to run web applications on Linux.

NB! I have a Windows 10 Fall Creators Update and this post is written based on this. In general, same steps apply to other Windows 10 versions with some minor differences.

Link: https://dzone.com/articles/running-aspnet-core-applications-on-windows-subsys?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Using ASP.NET Core TagHelpers [Podcast]

Recently, Microsoft announced the release of ASP.NET Core 2.0. With this release comes a new feature for building HTML views called TagHelpers. With ASP.NET Core 2.0, TagHelpers allow developers to write component based-views for server-side rendering by utilizing a syntax similar to HTML. This new syntax incorporates concepts used in HTML, elements, and attributes. When using TagHelpers in a .cshtml view, Visual Studio treats the TagHelper as it would HTML, but with added server-side functionality. Often with HTML Helpers, the CSS class attribute was difficult to add and completely lacked Intellisense. With TagHelpers, developers get rich Intellisense for not only server-side code, but also with any HTML attributes supported by Visual Studio.

Link: https://dzone.com/articles/using-aspnet-core-taghelpers?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

How to Serve Static Files in ASP.NET Core 2.0 MVC

The ability to serve static files in an MVC Core app is completely optional. This article shows you how to add and configure it should you need it.
This post follows on from Create a minimal ASP.NET Core 2.0 MVC web application, worth a read if you are creating an MVC project from an empty template.

Link: https://dzone.com/articles/how-to-serve-static-files-in-aspnet-core-20-mvc?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

4 Benefits of Migrating to ASP.NET Core 2.0

With the onslaught of .NET Core 2.0 blog posts and coverage released over the past week, I’m sure the most asked question in the developer community is, ” should I migrate my web application to ASP.NET Core 2.0?" My heart says answer with a resounding "YES," but my head is forcing me to say "it depends."

Link: https://dzone.com/articles/4-benefits-of-migrating-to-aspnet-core-20?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Create a Minimal ASP.NET Core 2.0 MVC Web Application

This guide shows you how to set up an ASP.NET Core 2.0 MVC web application from an empty template.
You can create a project using the MVC template in .NET Core but it will often include a load of things that we don’t need. My preference is always to start a project from scratch.

Link: https://dzone.com/articles/create-a-minimal-aspnet-core-20-mvc-web-applicatio?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Self-Contained UI: Running One ASP.NET Core MVC Site Inside Another

If you have ever used any 3rd party packages like Hangfire or Elmah you will have seen a self-contained UI before. These packages when added to a web project will have their own user interfaces which can be accessed from an admin route like /hangfire or /elmah. These packages don’t bring in any HTML, CSS or JavaScript resources, they just work, and they work well.
If you have ever tried to implement a similar self-contained UI in one of your projects you may have found it quite difficult to set up. The development workflow can also be a bit of a pain. You may have had to make trade-offs on development features like editing your HTML and seeing it refresh without having to recompile the app.

Link: https://dzone.com/articles/self-contained-ui-running-one-aspnet-core-mvc-site?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev