Gregg B greggb

If you enjoyed reading this, I'm intending to do more blogging like this over here: https://cdgd.tech

This is not a complaint about Webpack or v4 in any way. This is just a record of my process trying it out so I could provide feedback to the webpack team

Hmm... I don't see any docs for 4.0 on https://webpack.js.org. I guess I'll just wing it. All I need to do is npm i -D webpack@next, right?

+ [email protected]

Effective Engineer - Notes

By Edmond Lau
Highly Recommended 👍
http://www.theeffectiveengineer.com/

What's an Effective Engineer?

They are the people who get things done. Effective Engineers produce results.

Adopt the Right Mindsets

Advanced JavaScript Learning Resources

This is a list of advanced JavaScript learning resources from people who responded to this [Tweet][13] and this [Tweet][20].

[You Don't Know JS][3]
[Frontend Masters courses by Kyle Simpson][12]
[@mpjme][6]'s [YouTube videos][5]

ES2015 Syntax Check for use with Progressive Transpilation

The attached file file spits out a string for direct injection into the head of a page, which will be a lightweight test of the ability to parse and run ES2015 syntax.

Unminified version

This is the original source for the test-case below:

class ಠ_ಠ extends Array{

	# ---- Base Node ----
	FROM mhart/alpine-node:10 AS base
	# install node
	RUN apk add --no-cache nodejs-current
	# set working directory
	WORKDIR /root/nextApp
	# copy project file
	COPY package.json .
	COPY tsconfig.server.json .
	COPY .npmrc .

	(function (context, trackingId, options) {
	const history = context.history;
	const doc = document;
	const nav = navigator \|\| {};
	const storage = localStorage;
	const encode = encodeURIComponent;
	const pushState = history.pushState;
	const typeException = 'exception';
	const generateId = () => Math.random().toString(36);
	const getId = () => {

	import produce from 'immer';
	import {createStore} from 'redux';

	const handleActions = (actionsMap, defaultState) => (
	state = defaultState,
	{type, payload}
	) =>
	produce(state, draft => {
	const action = actionsMap[type];
	action && action(draft, payload);

	import styled, { css } from 'emotion/react'
	import { space, width, fontSize, color, responsiveStyle } from 'styled-system'


	export const display = responsiveStyle('display')
	export const flex = responsiveStyle('flex')
	export const order = responsiveStyle('order')
	const wrap = responsiveStyle('flex-wrap', 'wrap', 'wrap')
	const direction = responsiveStyle('flexDirection', 'direction')
	const align = responsiveStyle('alignItems', 'align')

	console.log(1);
	(_ => console.log(2))();
	eval('console.log(3);');
	console.log.call(null, 4);
	console.log.apply(null, [5]);
	new Function('console.log(6)')();
	Reflect.apply(console.log, null, [7])
	Reflect.construct(function(){console.log(8)}, []);
	Function.prototype.apply.call(console.log, null, [9]);
	Function.prototype.call.call(console.log, null, 10);

	function createStore (reducers) {
	var state = reducers()
	const store = {
	dispatch: (action) => {
	state = reducers(state, action)
	},
	getState: () => {
	return state
	}
	}