Skip to content

KingaMiroslaw/react-exercises

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Exercises

Table of contents

About The App

Application containing exercises in React. In each tab there is a separate exercise that was helpful in understanding and practicing a given tool.

There are currently four exercises:

  • Counter - simple calculator, thanks to which practiced for example Redux Toolkit, useState, passing props.
  • Form - this exercise was entirely devoted to getting to know the React Hook Form library and using it to create a form with different types of fields.
  • Fetch API - practice of fetching data from API using Fetch API, try/catch/finally, useState and useEffect and displaying them on the page.
  • RTK Query - practice of getting basic data from the API using RTK Query and displaying them on the page.

Screenshots

image image image

Technologies

Technologies used to build this application:

HTML CSS JvaScript

Libraries used to build this application:

GitHub package.json dependency version (prod) GitHub package.json dependency version (prod) GitHub package.json dependency version (prod) GitHub package.json dependency version (prod) GitHub package.json dependency version (prod) GitHub package.json dependency version (prod) GitHub package.json dependency version (prod) GitHub package.json dependency version (prod)

Setup

Below you find all scripts to clone, run and build this application.

Clone repo

git clone https://github.com/KingaMiroslaw/react-exercises.git

Install packages

npm install

Run app

First, run the development server:

npm run start

Open http://localhost:3000 with your browser to see the result.

Build

npm run build

Demo

See DEMO