Kata for Single-Page applications. In React, TypeScript and Javascript.

• web-kata
  • Requirements
  • Versions used
  • Instructions for any Kata
    • Run the app
    • Change some code
  • Katas on React and Javascript
  • Katas with Typescript
  • Future
  • Resources

• node
• yarn

• npm: 4.5.0
• node: v7.8.0
• yarn: v0.27.5

ℹ️ if you need to keep a different version of Node.js on your machine, you can use nvm to manage different versions of Node.js.

• cd app1
• yarn
• yarn start

This will start the web app development server usually at http://localhost:3000/.

Go to App.js and change the message. The app should re build itself and reload the content with your changes.

1. Kata 1 - Introduction to a simple React App
2. Kata 2 - Add and remove objects
3. Kata 3 - Filter, show and hide objects
4. Kata 4 - Add router to an app
5. Kata 5 - Interaction with backend server through REST API calls
6. Kata 6 - Redux basics and change you app to use it
7. Kata 7 - Redux single source of truth
8. Kata 8 - todo Add honeycomb to your React app

1. Kata TS 1 - Introduction to a simple React App
2. Kata TS 2 - Add and remove objects
3. Kata TS 3 - Filter, show and hide objects
4. Kata TS 4 - Add router to an app
5. Kata TS 5 - Interaction with backend server through REST API calls
6. Kata TS 6 - Redux basics and change you app to use it
7. Kata TS 7 - Redux single source of truth

1. Kata Website 1 - Creating the web API with Asp.Net Core
2. Kata Website 2 - CRUD operations
3. Kata Website 3 - Use API in front end using JS Promises + some light React

Ideas for future sessions

• aspnet core web app MVC calculator (more than one session)
• server side rendering
• web sockets / signalr with dotnet core
• server send events
• sqlops, vscode extensions

• create your own React app
• React docs
• ASP.Net Core web API with .Net Core SDK CLI