React Curve

This is react-curve, open source project where I can share and start creating small UI component in the way I understood the concepts to build large scale projects .

This is a work in progress and I don't think it will ever finish. I will continue updating it with examples and tricks.

Content:

Live Preview: React-Curve

Week 1 - Counter App

Read: how-to-code-counter

Week 2 - Colors App

Read: How-to-map-over-a-list-of-colors

Week 3 - Toggle App

Read: how-to-toggle

Week 4 - Handle Input App

Read: how-to-handle-input

Week 5 - Disable Button App

Read: how-to-disable-button

Week 6 - Sum Two Numbers App

Read: how-to-sum-two-numbers

Docker 🐳

Install Docker first if you don't have it on your local PC.

How to run

This application is using docker compose file to declare and build image. To run the entire app use the next command in your terminal in the project root directory.

docker compose up

You only need one command to install dependencies and run application. Super easy!

To see running application navigate to http://localhost:8080/

Additional commands

If you want to keep your terminal free of logs you may use the next command

docker compose up -d

To see logs from the container in the detached mode use

docker compose logs -f

To stop containers use

docker compose stop

To stop and delete containers use

docker compose down

To delete images from your PC use

docker image rm <image ID>

Contributors