Skip to content

[WIP] Create React Style Guide #14

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 3 commits into
base: master
Choose a base branch
from
Open

Conversation

lgnstn
Copy link

@lgnstn lgnstn commented Oct 15, 2021

No description provided.

@lgnstn lgnstn changed the title Create React Style Guide [WIP] Create React Style Guide Oct 15, 2021
- accounts/
- components/
- pages/
- redux/

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is this Redux folder needed if we have core redux and a redux file inside the component itself?

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This should be the place where you define the actions/reducers/selectors for this specific feature folder. Not all of these are going to be implemented in the core folder because they can be feature-specific.

TODO

# ???
What else?

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

To define:

  • subcomponents only used by one component

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'm not sure I understand what you mean.


When they are defined as `js` file, the file name should end with `Style.js`.

In both cases, the file names should contain the component name and they should be `cameCased`.
Copy link

@raresluncan raresluncan Oct 15, 2021

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

For scss files how do you feel about MyComponent.style.scss?

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think that having the scss extension is obvious enough that it is a style file.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants