Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/tomdewildt/react-app-template

Simple starter template for building React apps with Redux, Redux-Saga and Styled Components
https://github.com/tomdewildt/react-app-template

actions javascript react redux redux-saga styled-components

Last synced: 9 days ago
JSON representation

Simple starter template for building React apps with Redux, Redux-Saga and Styled Components

Awesome Lists containing this project

README

        

# React App Template
[![Build](https://img.shields.io/github/actions/workflow/status/tomdewildt/react-app-template/ci.yml?branch=master)](https://github.com/tomdewildt/react-app-template/actions/workflows/ci.yml)
[![Coverage](https://img.shields.io/codecov/c/gh/tomdewildt/react-app-template)](https://codecov.io/gh/tomdewildt/react-app-template)
[![License](https://img.shields.io/github/license/tomdewildt/react-app-template)](https://github.com/tomdewildt/react-app-template/blob/master/LICENSE)

Simple starter template for building [React](https://reactjs.org/) apps with [Redux](https://redux.js.org/), [Redux-Saga](https://redux-saga.js.org/) and [Styled Components](https://styled-components.com/).

# How To Run

Prerequisites:
* node version ```18.12.1``` or later
* npm version ```8.19.2``` or later

### Development

1. Run ```npm install``` to initialize the environment.
2. Run ```npm start``` to start the dev server.

### Production

1. Run ```npm install``` to initialize the environment.
2. Run ```npm run build``` to build the site.

# References

[React Docs](https://reactjs.org/docs/)

[Redux Docs](https://redux.js.org/api/api-reference)

[Redux-Saga Docs](https://redux-saga.js.org/docs/api/)

[Scaling Your Redux App With Ducks](https://www.freecodecamp.org/news/scaling-your-redux-app-with-ducks-6115955638be/)

[Styled Components Docs](https://styled-components.com/docs)

[ARIA Roles, Attributes & Techniques](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques)

[React Testing Library Cheatsheet](https://testing-library.com/docs/react-testing-library/cheatsheet)

[React Testing Library Queries](https://testing-library.com/docs/dom-testing-library/api-queries)

[React Testing Library Events](https://testing-library.com/docs/dom-testing-library/api-events)

[Redux Tests](https://redux.js.org/recipes/writing-tests)

[Redux Saga Tests](http://redux-saga-test-plan.jeremyfairbank.com/)