This is the code you need for the workshop. Make sure to clone the repo and see that you can get it up and running before the workshop.
This repo contains three folders:
This is the old site, built using vanilla MVC, Razor, Bootstrap and jQuery. Run it by opening it up in Visual Studio and debug it. You can reuse the C# code from this project, but you shouldn't use any frontend code.
boilerplate
contains just enough things to get you up and running. This folder is where you'll build your implementation.
Use this if you get stuck and nobody is around to ask for help, or if you just want to get inspiration. Note that this is by no means "the correct way" or "the best way", it's just a reference implementation.
- Install TypeScript for Visual Studio 2015: https://www.microsoft.com/en-us/download/details.aspx?id=48593. If you don't want to use VS or don't have VS 2015, you can use Visual Studio Code (https://code.visualstudio.com/) or Atom (https://atom.io) with atom-typescript (https://atom.io/packages/atom-typescript)
- Open the
boilerplate
folder - Run
SetupIIS.cmd
which creates an IIS site pointed to that folder - Run
npmw.cmd start
(which downloads Node and Npm and runsnpm install
andnpm start
to start the dev server) - Open the solution
boilerplate.sln
in Visual Studio and build it - Surf to
http://localhost:8088
- Open
Sources/Features/App.tsx
and add/remove something and save then switch to the browser and see that it reloaded - Start hacking!