Joshua Crass joshuacrass
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Define a color variable | |
| $color-sassy: #cc4397; | |
| $color-blue: #0059ff; | |
| .app { | |
| color: $color-blue; | |
| font-size: 2rem; | |
| text-align: center; | |
| .sassyDiv { | |
| font-size: 3rem; |
joshuacrass
/ webpack-common-style-config.js
Last active
September 12, 2018 07:09
Webpack style config
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| module: { | |
| rules: [ | |
| { | |
| // look for .js or .jsx files | |
| test: /\.(js|jsx)$/, | |
| // in the `src` directory | |
| include: path.resolve(paths.appSrc), | |
| exclude: /(node_modules)/, | |
| use: { | |
| // use babel for transpiling JavaScript files |
joshuacrass
/ wepback-scss-dev-config.js
Last active
September 12, 2018 04:01
Adding scss to webpack dev config
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| loader: 'sass-loader', | |
| options: { | |
| sourceMap: true, | |
| }, | |
| }, |
joshuacrass
/ react-eslint-prettier.babelrc.json
Created
September 11, 2018 14:03
react-eslint-prettier .babelrc example proposals
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "presets": ["@babel/preset-env", "@babel/react"], | |
| "plugins": [ | |
| "react-hot-loader/babel", | |
| "@babel/plugin-proposal-class-properties", | |
| "@babel/plugin-proposal-object-rest-spread" | |
| ] | |
| } |
joshuacrass
/ webpack-eslint-import.json
Created
September 11, 2018 10:10
eslintrc example for importing Webpack for ESLint to understand Webpack aliases.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "extends": ["airbnb", "prettier", "prettier/flowtype", "prettier/react"], | |
| "plugins": ["import", "flowtype", "react", "prettier"], | |
| "parser": "babel-eslint", | |
| "rules": { | |
| "react/jsx-filename-extension": [ | |
| 1, | |
| { | |
| "extensions": [".js", "jsx"] | |
| } |
joshuacrass
/ react-eslint-prettier-staged-package.json
Created
September 10, 2018 13:46
react-eslint-prettier check-staged-package.json
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| "check-staged": "lint-staged", |
joshuacrass
/ react-eslint-prettier -husky-package.json
Last active
September 10, 2018 13:43
react-eslint-prettier husky in package.json
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| "husky": { | |
| "hooks": { | |
| "pre-commit": "lint-staged", | |
| } | |
| }, | |
| "lint-staged": { | |
| "*.{js,jsx}": [ | |
| "eslint" | |
| ], | |
| "*.{js,jsx,json,md}": [ |
joshuacrass
/ webpack-starter-package-2.json
Created
September 10, 2018 11:53
webpack-starter sample package.json
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "name": "react-starter-test-2", | |
| "version": "1.0.0", | |
| "main": "index.jsx", | |
| "license": "MIT", | |
| "scripts": { | |
| "build": "yarn clean; webpack --config config/webpack-prod-config.js", | |
| "clean": "rm -rf build/*", | |
| "start:dev": "node config/webpack-dev-server.js", | |
| "start:prod": "yarn build; serve build" |
joshuacrass
/ webpack-starter-babel.json
Created
September 10, 2018 11:06
webpack-starter babel config
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "presets": ["@babel/preset-env", "@babel/react"], | |
| "plugins": ["react-hot-loader/babel"] | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .app { | |
| color: blue; | |
| font-size: 2rem; | |
| text-align: center; | |
| } |