-
Notifications
You must be signed in to change notification settings - Fork 0
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
Setup base of the app with CRA-v2, CSS Modules and Sass #1
Conversation
README.md
Outdated
- `yarn install` to install dependencies | ||
- `yarn start` to run the server on `http://localhost:3000` | ||
|
||
Demo app to be find [here](https://ka1130.github.io/TVloVe/). |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I believe that this shouldn't be here yet
src/components/App/Header/index.js
Outdated
@@ -0,0 +1,13 @@ | |||
import React from 'react'; | |||
import styles from './styles.module.scss'; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
You can change the name of scss file to name of the component. It will produce you better className for debugging.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Wow, that's cool!
@@ -0,0 +1,5 @@ | |||
body { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Add come common resets here, please
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Sure, done. Hope I haven't added too much and it is fine not to add reset in a separate file in this case?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
It's enough to have it in this file. What about links text-decoration
?
0b8e192
to
1e4ae30
Compare
Thanks, @yakato ! The trick with changing the naming convention of the style files is awesome, it's a shame I haven't used it before. Yes, I have copy-pasted the contents of |
Thanks for improvements. Perfect basic setup 👍 |
Oh, right, text-decoration should be reset too, thanks! :) Cool, I will add this and merge then. :) |
This PR sets up the base of the application with CRA-v2 that has CSS Modules and Sass already integrated. Thus, the app has not been yet ejected.
The default view has been changed to a sample header.
To keep the code clean, VSCode
prettier
plugin has been added with a basic configuration.