Midwest JS

Mark Volkmann

Get Hooked on React!

Hooks enable implementing stateful React components with functions instead of classes. The benefits of using hooks include: * provides easier ways to work with component state and context * removes the need to understand the `this` keyword * removes the need to understand what it means to bind a function, and when to do it * supports using "effects" in place of lifecycle methods which makes it possible to better organize related code such as adding/removing event listeners and opening/closing resources * makes it easier to reuse state logic between multiple components than using higher-order components and render props * improves ability for tooling to optimize code because it is easier to optimize functions than classes This talks covers everything you need to know to get started using hooks in React function components.

Simplify Web App Development With Svelte

Svelte is a relatively new tool for building web applications. Rather than including a runtime library, it compiles to bundled JavaScript that is very small compared to other approaches. Svelte applications launch quickly because there is less to download. Svelte components achieve "reactivity" without using a virtual DOM. State management is greatly simplified. Implementing components requires less code than popular web frameworks. This talk will explain how to get started using Svelte, review the most important features, and walk through an example app.

Vue Workshop

Vue is a web application framework that competes with
 frameworks such as React and Angular. It is generally viewed as easier to use than Angular. It appeals to developers that dislike the use of JSX in React. This workshop covers everything you need to know to get started creating web applications using Vue. Topics covered include: * using the Vue CLI to bootstrap new applications * ESLint and Prettier configuration * implementing single file components (SFCs) * templates and interpolation * styling * Vue devtools * props, type descriptions, and validators * computed props * data * directives including v-bind, v-on, v-model, and more * methods * lifecycle methods * events * watches * using JSX * slots * routing with Vue Router * event bus * state management with Vuex and vuex-easy * unit tests with Jest * end-to-end tests with Cypress * comparison to React


About

Mark Volkmann is a partner at Object Computing, Inc. (OCI) in St. Louis where he provides software consulting and training. He has assisted many companies with JavaScript, Node.js, React, Vue, Angular, and more.
f