Giter Site home page Giter Site logo

essential-todos's Introduction

Essential Todos

A demo project for the YouTube video: Clean Architecture in React.

Link to the video: https://youtu.be/qOH2X5hciiA

Built with Clean Architecture

  • Application - Redux
  • Views - React
  • Infrastructure - Axios

Other Features

  • All business logic resides in Redux Middleware
  • Fetches dummy todo data from https://jsonplaceholder.typicode.com
  • Boostraped with create-react-app

essential-todos's People

Contributors

progressive-dev avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar

Forkers

gabrielveg ymaghzaz volovodenko zhabyans ronnycoding prodigy00 ingmarione kt20-ma drewdru max0423 akashdeep312 lecopro123 rajendrataradale valdeveloper-com hanseo0507 brainthief pkradioman geemarn pramirez hanfak aatishgore cooper09 nlepasteur mindsworth madhusudhanbn woliveiras maharjan-umesh ces-truongvu jsvanilla maurino72 gsoultan tung1404 kotlintpoint tutorial-do rezwanjamee ibraev nigerdyanes ygorrios peccii lumaraescoder aolmez chadi7781 hariirawan vbimanonmanim sujen2009 brijesh-strataprop marazza-dev wook3210 ryancperficient youssefchehata nongtran tyronnhatanh ahmetbasli wilmer090 tomise20 willycedric dinosavr manojduraisamy7991 joskid i-abdelaal saumaypaul20 revealer409 nageshempire aarhaam jaures-kano kostasx muneebrabaney varvaruc blossom-babs vishalkumar369 iamchiwon paulodevrouterlink

essential-todos's Issues

Todo onclick not working

when i click on any of the todo it seems to enter into an infinite loop and then throws these errors
`Uncaught TypeError: todos.map is not a function
at App (index.js:26)
at renderWithHooks (react-dom.development.js:14985)
at updateFunctionComponent (react-dom.development.js:17356)
at beginWork (react-dom.development.js:19063)
at HTMLUnknownElement.callCallback (react-dom.development.js:3945)
at Object.invokeGuardedCallbackDev (react-dom.development.js:3994)
at invokeGuardedCallback (react-dom.development.js:4056)
at beginWork$1 (react-dom.development.js:23964)
at performUnitOfWork (react-dom.development.js:22776)
at workLoopSync (react-dom.development.js:22707)
at renderRootSync (react-dom.development.js:22670)
at performSyncWorkOnRoot (react-dom.development.js:22293)
at react-dom.development.js:11327
at unstable_runWithPriority (scheduler.development.js:468)
at runWithPriority$1 (react-dom.development.js:11276)
at flushSyncCallbackQueueImpl (react-dom.development.js:11322)
at flushSyncCallbackQueue (react-dom.development.js:11309)
at discreteUpdates$1 (react-dom.development.js:22420)
at discreteUpdates (react-dom.development.js:3756)
at dispatchDiscreteEvent (react-dom.development.js:5889)
index.js:1 The above error occurred in the component:

at App (http://localhost:3000/static/js/main.chunk.js:1952:83)
at Provider (http://localhost:3000/static/js/vendors~main.chunk.js:33479:20)

Consider adding an error boundary to your tree to customize error handling behavior.
Visit https://reactjs.org/link/error-boundaries to learn more about error boundaries.
console. @ index.js:1
react-dom.development.js:11340 Uncaught TypeError: todos.map is not a function
at App (index.js:26)
at renderWithHooks (react-dom.development.js:14985)
at updateFunctionComponent (react-dom.development.js:17356)
at beginWork (react-dom.development.js:19063)
at HTMLUnknownElement.callCallback (react-dom.development.js:3945)
at Object.invokeGuardedCallbackDev (react-dom.development.js:3994)
at invokeGuardedCallback (react-dom.development.js:4056)
at beginWork$1 (react-dom.development.js:23964)
at performUnitOfWork (react-dom.development.js:22776)
at workLoopSync (react-dom.development.js:22707)
at renderRootSync (react-dom.development.js:22670)
at performSyncWorkOnRoot (react-dom.development.js:22293)
at react-dom.development.js:11327
at unstable_runWithPriority (scheduler.development.js:468)
at runWithPriority$1 (react-dom.development.js:11276)
at flushSyncCallbackQueueImpl (react-dom.development.js:11322)
at flushSyncCallbackQueue (react-dom.development.js:11309)
at discreteUpdates$1 (react-dom.development.js:22420)
at discreteUpdates (react-dom.development.js:3756)
at dispatchDiscreteEvent (react-dom.development.js:5889)
todos.js:30 Uncaught (in promise) RangeError: Maximum call stack size exceeded
at todos.js:30
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
at todos.js:15
main.chunk.js:1 Uncaught (in promise) RangeError: Maximum call stack size exceeded
at Module.PAGE_LOADED (todos.js:27)
at ui.js:11
at dispatch (redux.js:659)
at todos.js:44
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
at todos.js:15
at ui.js:9
vendorsmain.chunk.js:1 Uncaught (in promise) RangeError: Maximum call stack size exceeded
at redux.js:421
at Array.filter ()
at getUnexpectedStateShapeWarningMessage (redux.js:420)
at combination (redux.js:514)
at dispatch (redux.js:288)
at todos.js:48
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
vendorsmain.chunk.js:1 Uncaught (in promise) RangeError: Maximum call stack size exceeded
at dispatchAction (react-dom.development.js:16064)
at Subscription.checkForUpdates [as onStateChange] (useSelector.js:74)
at Subscription.handleChangeWrapper (Subscription.js:95)
at Subscription.js:23
at batchedUpdates$1 (react-dom.development.js:22380)
at Object.notify (Subscription.js:19)
at Subscription.notifyNestedSubs (Subscription.js:90)
at Subscription.handleChangeWrapper (Subscription.js:95)
at dispatch (redux.js:297)
at todos.js:48
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
vendors~main.chunk.js:1 Uncaught (in promise) RangeError: Maximum call stack size exceeded
at scheduleSyncCallback (react-dom.development.js:11286)
at ensureRootIsScheduled (react-dom.development.js:22017)
at scheduleUpdateOnFiber (react-dom.development.js:21883)
at dispatchAction (react-dom.development.js:16139)
at Subscription.checkForUpdates [as onStateChange] (useSelector.js:74)
at Subscription.handleChangeWrapper (Subscription.js:95)
at Subscription.js:23
at batchedUpdates$1 (react-dom.development.js:22380)
at Object.notify (Subscription.js:19)
at Subscription.notifyNestedSubs (Subscription.js:90)
at Subscription.handleChangeWrapper (Subscription.js:95)
at dispatch (redux.js:297)
at todos.js:48
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
at todos.js:15
at ui.js:9
at dispatch (redux.js:659)
at todos.js:44
at todos.js:15`

License

This project has pretty good elements that i would like to include in an unrelated sample. Please share what is the project license model.

Thank you

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.