Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/xiaofan2406/css-in-js-brown-bag
Brown bag session about CSS in JS
https://github.com/xiaofan2406/css-in-js-brown-bag
Last synced: about 1 month ago
JSON representation
Brown bag session about CSS in JS
- Host: GitHub
- URL: https://github.com/xiaofan2406/css-in-js-brown-bag
- Owner: xiaofan2406
- License: mit
- Created: 2017-09-12T03:13:14.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2021-11-28T02:21:28.000Z (about 3 years ago)
- Last Synced: 2024-04-12T07:02:38.004Z (10 months ago)
- Language: JavaScript
- Size: 119 KB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# CSS in JS Brown Bag
[![Styled with prettier][prettier-badge]][prettier] [![Dependencies Status][dependencies-badge]][dependencies] [![Build Status][build-badge]][build] [![Coverage Status][coverage-badge]][coverage]
[prettier-badge]: https://img.shields.io/badge/styled_with-prettier-ff69b4.svg?style=flat-square
[prettier]: https://github.com/prettier/prettier
[dependencies-badge]: https://img.shields.io/david/xiaofan2406/css-in-js-brown-bag.svg?style=flat-square
[dependencies]: https://david-dm.org/xiaofan2406/css-in-js-brown-bag
[build-badge]: https://img.shields.io/travis/xiaofan2406/css-in-js-brown-bag.svg?style=flat-square
[build]: https://travis-ci.org/xiaofan2406/css-in-js-brown-bag
[coverage-badge]: https://img.shields.io/codecov/c/github/xiaofan2406/css-in-js-brown-bag.svg?style=flat-square
[coverage]: https://codecov.io/gh/xiaofan2406/css-in-js-brown-bag
Brown bag session about CSS in JS
## Get Started
```
git clone https://github.com/xiaofan2406/css-in-js-brown-bag.git
yarn
yarn dev
```
## Commands
##### Development
```
yarn dev
```
##### Testing
```
yarn test
```
##### Production
- Build the project for production
```
yarn build
```
- Start a local server to test production build
```
yarn prod
```
## Project Structure
Path | Import Alias | Description
------------------- | ------------ | -------------------------------------------------------
**config/** | | Project tooling configuration files
**src/** | `src` | Project source files directory
src/**assets/** | `assets` | Common static assets directory
src/**components/** | `components` | Components directory
src/**configs/** | `configs` | App config values directory
src/**hocs/** | `hocs` | Higher-order components directory
src/**router/** | | React Router setup and route-level components directory
src/**styles/** | `styles` | Global CSS directory
src/**utils/** | `utils` | Utility functions directory
src/**widgets/** | `widgets` | Small non business logic related components directory