Skip to content

A classic CRA Typescript Counter App built with React Redux (not Redux Toolkit). Includes Action Creators, Reducers, Selectors, useDispatch and useSelector Redux Hooks.

Notifications You must be signed in to change notification settings

The-Redux-And-Context-Portfolio/react-counter-with-redux-hooks

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

image

About This App

A replica of the classic React JS Counter App Concept with a bit more style. Also includes sounds as well as unit test coverage with React Testing Library for practice/learning. Built with Create React App. This repo can be downloaded, install npm packages with npm install --legacy-peer-deps command and execute npm run test and npm run start.

React Testing Library - Unit Test Results/Coverage

---------------------------|---------|----------|---------|---------|-------------------
File                       | % Stmts | % Branch | % Funcs | % Lines | Uncovered Line #s 
---------------------------|---------|----------|---------|---------|-------------------
All files                  |   89.18 |       80 |    93.1 |   89.04 |                   
 src                       |   33.33 |      100 |     100 |   33.33 |                   
  App.tsx                  |     100 |      100 |     100 |     100 |                   
  index.tsx                |       0 |      100 |     100 |       0 | 11-12             
 src/components/buttons    |     100 |       50 |     100 |     100 |                   
  index.tsx                |     100 |       50 |     100 |     100 | 22-27             
 src/components/controls   |     100 |      100 |     100 |     100 |                   
  index.tsx                |     100 |      100 |     100 |     100 |                   
 src/components/counter    |     100 |      100 |     100 |     100 |                   
  index.tsx                |     100 |      100 |     100 |     100 |                   
 src/components/hooks      |     100 |    83.33 |     100 |     100 |                   
  use-number-name.ts       |     100 |      100 |     100 |     100 |                   
  use-on-reset.ts          |     100 |       50 |     100 |     100 | 16                
  use-sound-hook.ts        |     100 |      100 |     100 |     100 |                   
 src/components/utils      |      50 |      100 |      50 |      50 |                   
  click-sound.ts           |      40 |      100 |      50 |      40 | 8-10              
  reset-sound.ts           |      40 |      100 |      50 |      40 | 8-10              
  sound-icons.ts           |     100 |      100 |     100 |     100 |                   
 src/redux-store           |     100 |        0 |     100 |     100 |                   
  reducer.ts               |     100 |      100 |     100 |     100 |                   
  store.ts                 |     100 |        0 |     100 |     100 | 14                
 src/redux-store/actions   |     100 |      100 |     100 |     100 |                   
  counter.ts               |     100 |      100 |     100 |     100 |                   
  sound.ts                 |     100 |      100 |     100 |     100 |                   
 src/redux-store/features  |     100 |      100 |     100 |     100 |                   
  counterSlice.ts          |     100 |      100 |     100 |     100 |                   
  soundSlice.ts            |     100 |      100 |     100 |     100 |                   
 src/redux-store/selectors |     100 |      100 |     100 |     100 |                   
  get-counter.ts           |     100 |      100 |     100 |     100 |                   
  get-sound.ts             |     100 |      100 |     100 |     100 |                   
 src/redux-store/types     |       0 |        0 |       0 |       0 |                   
  action.ts                |       0 |        0 |       0 |       0 |                   
  counter.ts               |       0 |        0 |       0 |       0 |                   
  index.ts                 |       0 |        0 |       0 |       0 |                   
  sound.ts                 |       0 |        0 |       0 |       0 |                   
 src/test                  |     100 |      100 |     100 |     100 |                   
  render-with-provider.tsx |     100 |      100 |     100 |     100 |                   
---------------------------|---------|----------|---------|---------|-------------------
Test Suites: 8 passed, 8 total
Tests:       24 passed, 24 total
Snapshots:   0 total
Time:        5.216 s
Ran all test suites.

About

A classic CRA Typescript Counter App built with React Redux (not Redux Toolkit). Includes Action Creators, Reducers, Selectors, useDispatch and useSelector Redux Hooks.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published