Skip to content
This repository has been archived by the owner on Aug 13, 2021. It is now read-only.

denu5/react-rtk-github-issues-example-using-easy-peasy

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

react-rtk-github-issues-example-using-easy-peasy

In order to understand the differences between Redux Toolkit and easy-peasy I have "converted" the Redux Toolkit advanced Tutorial (source-code) to using easy-peasy. My intention was to "convert" the state manangement without touching the original code unless it was related to Redux Toolkit. After some research I also couldn't find a good example of a larger app using "easy-peasy" (Kutt.it is worth checking out) so maybe this conversion-example can also help other easy-peasy newcomers! I would like to keep one branch of the repo as close as possible to the rtk example, and also have another branch with "easy-peasy-bestpractices", feel free to PR or open an issue with improvement ideas.

(rtk guys, sorry for stealing your app!)

View in codesandbox

React Codebase Source Overview

The codebase is already laid out in a "feature folder" structure, The main pieces are:

The original project structure from the rtk example:

  • /api: fetching functions and TS types for the Github Issues API
  • /app: main <App> component
  • /components: components that are reused in multiple places
  • /features
    • /issueDetails: components for the Issue Details page
    • /issuesList: components for the Issues List display
    • /repoSearch: components for the Repo Search form
  • /utils: various string utility functions

Additional folders for easy-peasy:

  • /model: easy-peasy store models
  • /store: easy-peasy store config and typed hooks
  • /services: services that can be used with easy-peasy injector

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published