------ 4 JAMO
to understand: PETIO
Basics - JS / CSS / HTML
https://www.youtube.com/watch?v=UB1O30fR-EE&list=PL2xU474uH-c5yjcTy_HO9er1BqjT2fhni&index=2
https://www.youtube.com/watch?v=yfoY53QXEnI&list=PL2xU474uH-c5yjcTy_HO9er1BqjT2fhni&index=3
https://www.youtube.com/watch?v=hdI2bqOjy3c&list=PL2xU474uH-c5yjcTy_HO9er1BqjT2fhni&index=4
JS event loop - https://www.youtube.com/watch?v=EI7sN1dDwcY&list=PL2xU474uH-c5yjcTy_HO9er1BqjT2fhni&index=5
Front-end - React - https://www.youtube.com/watch?v=w7ejDZ8SWv8&list=PL2xU474uH-c5yjcTy_HO9er1BqjT2fhni&index=6
Back-end - NodeJ - https://www.youtube.com/watch?v=fBNz5xF-Kx4&list=PL2xU474uH-c5yjcTy_HO9er1BqjT2fhni&index=8
and the middleware that ties em together - Express - https://www.youtube.com/watch?v=L72fhGm1tfE&list=PL2xU474uH-c5yjcTy_HO9er1BqjT2fhni&index=7
Postrges Database - https://www.youtube.com/watch?v=XQ_6G0iCyMQ&list=PLwvrYc43l1MxAEOI_KwGe8l42uJxMoKeS
Now...from what I can tell Petio is using what's called "Redux" for it's statemanagement for it's React code. The links above point you to more modern state management featuresd in React so there maybe some overlap with the older "Redux" way of doing things
App level statemanagement - Redux - https://www.youtube.com/watch?v=93p3LxR9xfM&list=PL2xU474uH-c5yjcTy_HO9er1BqjT2fhni&index=9
So that's about 7-8 hours of material. And this will help illuminate the incantations you see in the PATIO repository.