jcrang/web-kata

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

web-kata

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

• Requirements:
• Versions used:
• Instructions for any Kata:
  • Run the app:
  • Change some code:
• Katas:
  • 1- Introduction to a simple React App
  • 2- Add and remove objects
  • 3- Filter, show and hide objects
  • 4- Add router to an app
  • 5- interaction with backend server through REST API calls [in progress]
  • 6- Redux [todo]
  • 7 Redux and React-router
  • 8- SignalR - Redux [todo]
  • 9- TypeScript [todo]
• Resources:

Requirements

• node
• yarn

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

1- Introduction to a simple React App

Kata 1

2- Add and remove objects

Kata 2

3- Filter, show and hide objects

Kata 3

4- Add router to an app

Kata 4

5- interaction with backend server through REST API calls [in progress]

Kata 5

6- Redux [todo]

7 Redux and React-router

8- SignalR - Redux [todo]

9- TypeScript [todo]

Resources:

• create your own React app
• React docs