React Hands-on Workshop

Your task is to create a climate measurement device which has an interface similar to the following tool:

Installation

Prerequisites

You need Node.js (version ≥ 10.x required, latest LTS recommended) to be able to run this project.

Note: If you don't have Node.js yet, make sure to restart any shells or your IDE after the Node.js installer has finished, so that the newly installed npm command is found by them.

You can use the editor/IDE of your choice, but when in doubt, we recommend Visual Studio Code.

Getting Started

1. Clone this repository
2. Install the dependencies: npm install
3. Use npm start to start the application stub

This compiles the app and opens a browser, resulting in something like this:

The values should be changing over time.

Running Tests

Use npm test to run the tests.

This should show you exactly one succeeding test case:

  Climate component
    ✔ shows the current temperature

There is also a watch mode that can be started with npm run test:watch. Use <Ctrl>+<c> to stop the watch mode.

---

Assignments

1. React Component Tree
2. Render Dynamic Data
3. Testing React Apps
4. Application State with Redux
5. Side Effects with Redux Thunk