Adam Ramberg AdamRamberg

## .editorconfig
root = true

[*]
indent_style = space
indent_size = 2
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true

## prettier.config.js
module.exports = {
  printWidth: 80,
  semi: true,
  singleQuote: true,
  trailingComma: 'all',
};

## .eslintrc.js
const prettierOptions = require('./prettier.config');

module.exports = {
  parser: 'babel-eslint',
  extends: ['airbnb', 'prettier', 'prettier/react'],
  plugins: ['prettier', 'react', 'jsx-a11y'],
  env: {
    browser: true,
    node: true,
    jest: true,

## index.js
import React from 'react';
import ReactDOM from 'react-dom';

const App = () => <div>Howdy traveller!</div>;

ReactDOM.render(<App />, document.getElementById('root'));

## index.html
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <!-- Make mobile compatible -->
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>My React app</title>
</head>

## babel.config.js
module.exports = api => {
  api.cache.invalidate(() => process.env.NODE_ENV === 'production');
  return {
    presets: [
      [
        '@babel/preset-env',
        {
          useBuiltIns: 'usage',
        },
      ],

## .browserlistrc
> 0.25%
not dead

## webpack.base.js
const path = require('path');
const HtmlWebPackPlugin = require('html-webpack-plugin');

const plugins = [
  new HtmlWebPackPlugin({
    inject: true,
    template: path.join(process.cwd(), 'src/index.html'),
  }),
];

## webpack.dev.js
const webpack = require('webpack');

const plugins = [new webpack.HotModuleReplacementPlugin()];

module.exports = require('./webpack.base')({
  mode: 'development',
  devServer: {
    hot: true,
    port: 3000,
  },

## webpack.prod.js
const path = require('path');
const plugins = [];

module.exports = require('./webpack.base')({
  mode: 'production',
  devServer: {
    port: 3000,
    contentBase: path.join(process.cwd(), 'dist/'),
  },
  plugins,
	root = true

	[*]
	indent_style = space
	indent_size = 2
	end_of_line = lf
	charset = utf-8
	trim_trailing_whitespace = true
	insert_final_newline = true
	module.exports = {
	printWidth: 80,
	semi: true,
	singleQuote: true,
	trailingComma: 'all',
	};
	const prettierOptions = require('./prettier.config');

	module.exports = {
	parser: 'babel-eslint',
	extends: ['airbnb', 'prettier', 'prettier/react'],
	plugins: ['prettier', 'react', 'jsx-a11y'],
	env: {
	browser: true,
	node: true,
	jest: true,
	import React from 'react';
	import ReactDOM from 'react-dom';

	const App = () => <div>Howdy traveller!</div>;

	ReactDOM.render(<App />, document.getElementById('root'));
	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="utf-8">
	<!-- Make mobile compatible -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>My React app</title>
	</head>
	module.exports = api => {
	api.cache.invalidate(() => process.env.NODE_ENV === 'production');
	return {
	presets: [
	[
	'@babel/preset-env',
	{
	useBuiltIns: 'usage',
	},
	],
	const path = require('path');
	const HtmlWebPackPlugin = require('html-webpack-plugin');

	const plugins = [
	new HtmlWebPackPlugin({
	inject: true,
	template: path.join(process.cwd(), 'src/index.html'),
	}),
	];
	const webpack = require('webpack');

	const plugins = [new webpack.HotModuleReplacementPlugin()];

	module.exports = require('./webpack.base')({
	mode: 'development',
	devServer: {
	hot: true,
	port: 3000,
	},
	const path = require('path');
	const plugins = [];

	module.exports = require('./webpack.base')({
	mode: 'production',
	devServer: {
	port: 3000,
	contentBase: path.join(process.cwd(), 'dist/'),
	},
	plugins,