Possibly time to migrate from containers to hooks. about react-boilerplate-cra-template HOT 4 CLOSED

so any example of what you are suggesting? Hooks are everywhere in this boilerplate. I don't understand what you suggest. Can you elaborate?

from react-boilerplate-cra-template.

I think this is related to #61 -- the Dan Abramov article people recommend for structuring apps with components and containers has updates at the top and bottom where he says he no longer recommends the distinction, and that it's largely irrelevant since React introduced hooks.

I'm not new to react, but I am looking at some alternatives before restructuring an app that has outgrown its original structure (and shifting to typescript for the same reason).

To start with, I didn't know what this project intended by the division until I looked at the placeholder code and messed around with a generated example of each. People use containers and components in so many different ways that clarifying it here might help.

Correct me where I'm wrong (and if I am wrong, then it's not just the authors of #64 and #61 who aren't sure), but something like this in the docs might help explain what this project means:

• components => independent and reusable elements, mostly UI stuff, that don't need their state preserved (buttons, styled text, a custom styled drop down menu, whatever); and,
• containers => more complex app elements that might have state, extensive logic, and other stuff going on.

FWIW, I'm thinking of structuring that app along the lines of the last scenario here: https://www.robinwieruch.de/react-folder-structure
AFAICT, there's nothing preventing me from doing that with this setup, and I could even use the generator to create the containers, then drag-n-drop them in VS code to where I want them nested and fix up any references that VS Code doesn't automagically fix.

from react-boilerplate-cra-template.

Here its roughly mentioned already with a link in the docs saying the you can bend the structure as well.

Folder structure is an example and doesn't dictate anything. Normally in my projects I change the structure according to the logic of the web app all the time. The generators are easily updatable and testable. I will write more details to the section in the link above to clarify more though.

from react-boilerplate-cra-template.

I am thinking of leaving container component structure behind. Will take this into consideration. Thank you

from react-boilerplate-cra-template.