A talk I gave in July 2017 about modern JavaScript programming. The first half is a series of slides demonstrating new language features in ES2015 and later standards, and how to use tools like Webpack, Babel and polyfills to make them available. The second half is a live-coding exercise in which I build a simple weather report app with React while explaining VDOM, presentational vs. container components, and other basics of writing vanilla React code.
Presentational and Container Components. The creator of Redux explains several ways of thinking about components.
Mozilla Development Network. Best source of JavaScript/HTML documentation.
caniuse. Quickly check browser support for features you’d like to use.
AirBNB Style Guide. A style guide that will enforce the use of many of these new features over old-style JavaScript.
ESLint. When configured to use the AirBNB style guide settings, a very good way to incrementally learn these new features as you code.
create-react-app. create-react-app, creates a React app without requiring configuration of various tools.
preact. A 3kb React-alike library.
Redux and MobX. State management for more complex React applications.
From this directory
$ cd code
$ npm i
$ ./node_modules/.bin/webpack-dev-server