Taking React Hooks Next Level with Reducers

Until the release of React Hooks, managing component state within React has required a dependencies on libraries like Redux or using composition methods that sometimes fall short. We separate those concerns with useReducer and we will also build our own custom hooks.

Basic State Management using React Hooks

Managing state for UI components in React until now has required a dependency on libraries like Redux. But for simple UI level state management React has introduced Hooks into React core.

Understand the basics of using state, side-effects and the Context API using React's three basic Hooks (useState, useEffect and useContext).

30 minute or less talk on Basic State Management and news on React Hooks and how this makes state management more approachable in React JS.

From Composition to Context in React

Beginner level talk on component composition fundamentals and taking the next step to using React's Context API for data sharing and state management for UI components.

Designing Responsively in React

Responsive design is a core part of the process when developing any web application. This can always be achieved with plain HTML, CSS and a splash of JavaScript. But when working in React there are considerations and tools that can help to make the process easier as well as help with separation of concerns. The React ecosystem has many tools to help use achieve a responsive layout much easier than rolling our own or using frameworks like Bootstrap.

This talk highlights concepts for basic layout techniques in React and covers components and CSS for achieving responsiveness on multiple device sizes. Those attending should know HTML and CSS and have familiarity with React. The target audience is JavaScript and UI developers that are curious about the gray area between the components and the browser that allow for a more fluid and responsive behavior when the screen is resized.

State of React 2020

As we approach 2020, where are we going and how did we get here. Hooks were released in early 2019, how have they changed the way we write components and build React applications.

This is a State of React lightening talk covering the highlights and any trials and tribulations we have endured in 2018. This talk is meant to be delivered in 4th quarter 2019, I have written whitepapers and articles on the State of React so this will draw from that as well as include information that will only come with time.

Designing Responsively in CSS from scratch

Responsive design is a core part of the process when developing any web application. This can always be achieved with plain HTML and CSS. It's valuable to know how to do basic responsive layouts leaning and leaning on technologies like Flexbox and CSS Grid we can achieve amazing results with minimal code.

This is an adaption of my same talk for React, but involves just CSS and HTML and does not consider framework specific components that can help us or packages that do the heavy lifting. Will cover basic layout and grid techniques with Flexbox and we will touch on CSS Grid.

React Hooks In Depth

Managing state for UI components in React until now has required a dependency on libraries like Redux. However, simple UI level state management and other amazing developer features are now available with the release of version 16.8.

Understand the basics of using state, side-effects, Context API using React's four basic Hooks (useState, useEffect, useRef and useContext) as well, go deeper as we build a basic application with useReducer.

1 An hour or more talk on Basic State Management and news on React Hooks including reducers to help make state management more approachable in React JS.