https://github.com/gaeun917-zz/style-components_on_react
Styled-components
https://github.com/gaeun917-zz/style-components_on_react
babel7 enzyme eslint lodash react webpack
Last synced: 10 months ago
JSON representation
Styled-components
- Host: GitHub
- URL: https://github.com/gaeun917-zz/style-components_on_react
- Owner: gaeun917-zz
- Created: 2018-12-02T21:29:42.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2020-09-04T07:16:24.000Z (almost 6 years ago)
- Last Synced: 2025-07-12T06:38:33.814Z (12 months ago)
- Topics: babel7, enzyme, eslint, lodash, react, webpack
- Language: JavaScript
- Homepage: https://www.styled-components.com/
- Size: 12.7 KB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 2
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
### Project structure
````
build/
src/
|- index.jsx _______________________________ # Application entry
|- App.jsx _________________________________ # Application init
| |- Components/
| |- hello-world/
| |- index.jsx _______________________ # Sample component
webpack
|- paths.js ________________________________ # webpack paths needed
|- webpack.common.js _______________________ # common webpack config
|- webpack.dev.js __________________________ # development config
|- webpack.prod.js _________________________ # production config
````
* [Webpack 4](https://github.com/webpack/webpack)
* [Babel 7](https://github.com/babel/babel) [ transforming JSX and ES6,ES7,ES8 ]
* [React](https://github.com/facebook/react) `16.5`
* [Lodash](https://github.com/lodash/lodash)
* [Jest](https://github.com/facebook/jest) [ Unit test]
* [Enzyme](http://airbnb.io/enzyme/) for UI testing.
* [Eslint](https://github.com/eslint/eslint/) with airbnb config
* [Prettier](https://github.com/prettier/prettier) [ Code formatter ]
* [Style](https://github.com/webpack-contrib/style-loader) & [CSS Loader](https://github.com/webpack-contrib/css-loader) & [SASS-loader](https://github.com/webpack-contrib/sass-loader)
* [CSS modules](https://github.com/css-modules/css-modules) [ Isolated style based on each component ]
* [Browsers list](https://github.com/browserslist/browserslist) [ Share target browsers between different front-end tools, like Autoprefixer, Stylelint and babel-preset-env ]
* [React hot loader](https://github.com/gaearon/react-hot-loader)
* [Webpack dev serve](https://github.com/webpack/webpack-dev-server)