Skip to content
This repository has been archived by the owner on Mar 1, 2022. It is now read-only.
/ web-kata Public archive

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

License

Notifications You must be signed in to change notification settings

red-gate/web-kata

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

web-kata

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

Requirements

Versions used

  • 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.

Instructions for any Kata

Run the app

  • cd app1
  • yarn
  • yarn start

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

  • 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

Resources

About

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

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published