The ASP.NET Core React Project

In the last post I wrote, I had a first look at a plain, clean, and lightweight React setup. I’m still impressed how easy the setup is and how fast the loading of a React app really is. Before trying to push this setup into an ASP.NET Core application, it would make sense to have a look at the ASP.NET Core React project.
Create the React Project
You can either use the “File New Project …" dialog in Visual Studio 2017 or the .NET CLI to create a new ASP.NET Core React project:

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

Build a Secure To-Do App With Vue, ASP.NET Core, and Okta

I love lists. I keep everything I need to do (too many things, usually) in a big to-do list, and the list helps keep me sane throughout the day. It’s like having a second brain!
There are hundreds of to-do apps out there, but today I’ll show you how to build your own from scratch. Why? It’s the perfect exercise for learning a new language or framework! A to-do app is more complex than “Hello World”, but simple enough to build in an afternoon or on the weekend. Building a simple app is a great way to stretch your legs and try a language or framework you haven’t used before.

Link: https://dzone.com/articles/build-a-secure-to-do-app-with-vue-aspnet-core-and-okta?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

ASP.NET Core: CRUD Using Blazor and Entity Framework Core

Introduction
Microsoft has recently announced the release of a new .NET web framework – Blazor. In this article, we are going to create a web application using Blazor with the help of Entity Framework Core. We will be creating a sample Employee Record Management System and perform CRUD operations on it.
Prerequisites

Install .NET Core 2.1 Preview 1 SDK from here.
Install preview of Visual Studio 2017 v15.7 from here.
Install ASP.NET Core Blazor Language Services extension from here.
SQL Server 2012 or above.

The Blazor framework is not supported by versions below Visual Studio 2017 v15.7. Before proceeding further, I suggest you read my previous article on getting started with Blazor.

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

Short Walks: Using AppSettings.json in ASP.NET Core

One of the things that is very different when you move to ASP.NET Core is the way that configuration files are treated. This partly comes from the drive to move things that are not configuration out of configuration files. It looks like the days of app.config and web.config are numbered and, in their place, we have AppSettings.Json. Here’s an example of what that new file might look like:
{
“Logging": {
"LogLevel": {
"Default": "Warning"
}
},
"AzureAppSettings": {
"ApplicationInsightsKey": "1827374d-1d50-428d-92a1-c65fv2d73272"
}

}
The old files were very flat and, using the configuration manager, you could simply read a setting; something like this:

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

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

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: https://github.com/JuergenGutsch/react-chat-demo. 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-4?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

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

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: https://github.com/JuergenGutsch/react-chat-demo. 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-3?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Web Dev Roundup: Angular and Friends

Welcome to this month’s edition of the Web Dev Zone Roundup! Last month, we looked at some awesome articles on React.js. So today, we’re going to look at some awesome projects our community have created by combining the Angular framework with other popular technologies, such as Spring Boot and ASP.NET Core. While I’ve already written a post like this on Angular, which you can find here, I hope some of these awesome projects will bring something new to the table and inspire more great feats of development!  And, as a quick side note, if you’re interested in writing for DZone, but don’t have a topic in mind, come check out our Bounty Board, where you can win prizes for providing great content, and our Writer’s Zone which has plenty of prompts, tips, and tricks! 

Link: https://dzone.com/articles/web-dev-roundup-angular-and-friends?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

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