Home

Awesome

web-kata

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

<!-- TOC --> <!-- /TOC -->

Requirements

Versions used

:information_source: 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.

Instructions for any Kata

Run the app

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

Change some code

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

Katas on React and Javascript

  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

Katas with Typescript

  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

Katas on ASP.Net Core API development + JS Promises

  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

Future

Ideas for future sessions

Resources