Skip to content

Latest commit

 

History

History
57 lines (40 loc) · 1.17 KB

Syllabus.md

File metadata and controls

57 lines (40 loc) · 1.17 KB
Raw

React Hooks Workshop

The Lessons

Day 1

  • Rendering and Components
  • State
  • Controlled Components
  • Effects
  • Data Loading/subscriptions, custom hooks
  • Data flow, custom events

Day 2

  • Compound Components (Tabs, DateFields)
  • useReducer and Context for App Data (useContext)
  • Avoiding flicker (useStateWithCache, useAppState)
  • Bringing it all together with pagination on the Feed page (do all local state, cause you don't want to render 3 and then reorder--gross!)
  • Animation (useCallback on AnimatedText, useTween, AnimatedDialog, coin)
  • Optimizations
  • Review

Workshop Objectives

After completing, attendees will:

  • Have an advanced understanding of building UI with React

    • Composing UI elements
    • Composing State
    • Composing Behaviors (side-effects)

  • Be able to put together an entire application with

    • Data loading
    • Routing
    • Authentication

  • Be able to build a data loading strategy

    • Fetch
    • Realtime
    • caching
    • pagination

  • Be able to build advanced interactions with

    • Animation
    • Keyboard support
    • Assistive Tech (screen reader) Support

  • Be able to manage side-effects

    • Document title
    • Session Storage
    • Web audio