1^st Homework

Goal of this homework is to set up your editor and SSH to connect to 4IT580 server, then implement a counter in React.

You will need this setup for during whole semester.

There are 4 steps:

• [ ] Connect to server
• [ ] Edit file on server
• [ ] Implement simple React counter
• [ ] Send a link to working React counter

Deadline: Monday 25/09/2023 - 23:59:59

If you have any problems contact your teacher using MS Teams: Tomas Horacek (@hort19).

Connect to Server

Check Your Email for SSH Login

It should be in your school inbox:

• subject: 4IT580: SSH access for
• sender: no-reply@mail.vse.handson.pro
• content:

Please check your SPAM folder too.
If you did not receive it contact Tomas Horacek (@hort19).

Connect to Server

• follow steps in "Hello, Server!":
  • [ ] Connect to Server Using SSH
  • [ ] Initial Project Installation
  • [ ] VS Code Editor

Edit file on server

• open this file on server:
  • For those not using VS Code editor, the file is located on server here:
• content of should be this:

• replace with
• save the file
• result should be visible at: https://dev-frontend--vse.handson.pro/practical/01

Create Simple React Counter

Open and implement a simple counter.

Here is an example implementation

Acceptation criteria are:

• initial value of counter should be
• current value should be visible, eg:
• there should be button
• if user presses the button it should increment the counter by
  • user should see new value, eg:
  • user should be able to increment value multiple times
• don't use ugly hacks!

Hints

• you have to use hook
  • you have to import
• you can get some inspiration in Hello, React!
• or you can read more in React docs:
  • State: A Component's Memory
  • useState reference

Send a Link to Working React Counter

Once you are finished:

• send a link to working React counter
  https://dev-frontend--vse.handson.pro/practical/01
• using MS Teams to: Tomas Horacek (@hort19)

Deadline: Monday 25/09/2023 - 23:59:59

Happy Coding!