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.
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