June 2, 2019
/
Creating a new React and .NET Core project
Creating a new React and .NET Core project
The .NET Core CLI makes it really easy to create a new projects with .NET Core. By running dotnet new react you get a basic .NET Core MVC app setup to serve and build a React app using Create React App. This is great, and I believe is the best way to create a new…
January 20, 2019
/
Building Create React App with Azure Devops YAML
Building Create React App with Azure Devops YAML
In 2018 Microsoft re-launched VSTS as Azure Devops with a new UI and a bunch of new features. The best new feature in my opinion is that you can create your build configurations in code using YAML. Visual editors can be great but I prefer to put my build definition directly in my repo and…
August 5, 2018
/
Delivering single page apps with ASPNET Core in Azure
Delivering single page apps with ASPNET Core in Azure
This article is an update to a previous article where I described how to serve a single page JavaScript app with ASP.NET Core. The reason for the update is that I’ve changed the way that I approach doing this. I think the new approach is easier and it has the benefit of being more performant,…
March 3, 2018
/
React Crypto Stock Compare – Pt. 6: Creating Pages with React Router
React Crypto Stock Compare – Pt. 6: Creating Pages with React Router
This is to part 6 of a multi-part React tutorial that will teach you the basics of React while building a simple app to compare crypto-currency prices to stock prices. You can find the code to work along here and the starting point for this step can be found in the branch using-state-for-api-requests by running…
March 3, 2018
/
React Crypto Stock Compare – Pt. 5: Using state to manage fetching data from an API
React Crypto Stock Compare – Pt. 5: Using state to manage fetching data from an API
This is to part 5 of a multi-part React tutorial that will teach you the basics of React while building a simple app to compare crypto-currency prices to stock prices. You can find the code to work along here and the starting point for this step can be found in the branch using-props by running…
March 3, 2018
/
React Crypto Stock Compare – Pt. 4: Using Props
React Crypto Stock Compare – Pt. 4: Using Props
This is to part 4 of a multi-part React tutorial that will teach you the basics of React while building a simple app to compare crypto-currency prices to stock prices. You can find the code to work along here and the starting point for this step can be found in the branch splitting-components by running…
March 3, 2018
/
React Crypto Stock Compare – Pt. 3: Splitting Components
React Crypto Stock Compare – Pt. 3: Splitting Components
This is to part 3 of a multi-part React tutorial that will teach you the basics of React while building a simple app to compare crypto-currency prices to stock prices. You can find the code to work along here and the starting point for this step can be found in the branch creating-basic-component by running…
March 3, 2018
/
React Crypto Stock Compare – Pt. 2: Creating Components
React Crypto Stock Compare – Pt. 2: Creating Components
This is to part 2 of a multi-part React tutorial that will teach you the basics of React while building a simple app to compare crypto-currency prices to stock prices. You can find the code to work along here and the starting point for this step can be found in the branch start by running…
March 3, 2018
/
React Crypto Stock Compare Pt. 1 – Introduction
React Crypto Stock Compare Pt. 1 – Introduction
Lately, I’ve been guiding a few people through the basics of React.js, both at work and with friends. Doing this I realised there really are only a few fundamentals concepts to learn, but sometimes people have trouble getting their heads around them at first. I thought I’d create a a multi-part tutorial to give anyone…
May 9, 2017
/
Deploying a Create React App project to Azure with VSTS Build and Release
Deploying a Create React App project to Azure with VSTS Build and Release
Create React App is a great way to get started with creating your a JavaScript application with React with no configuration. It is essentially a number of tools (webpack mostly) bundled into one node module that creates and builds your application. In this article I’m going to show you how to build and release this…