KitzeKitzeMeet

React Basics

Ground your team in the React mindset so new features feel approachable instead of fragile.

4 hours

Master the fundamentals: components, props, state, hooks, and mental models that make React click for newcomers.

Book this workshop

React is compact, but the mental shift from templates or MVC frameworks often slows teams down. This workshop breaks React into decision-friendly chunks with hands-on labs that remove the usual fear of hooks and component architecture.

We mix short theory bursts with live coding, reinforce the concepts with exercises, and finish with practical guardrails your team can apply immediately.

What your team walks away with

  • Understand how props, state, and context flow through component trees without confusing re-renders.
  • Adopt a predictable way to split components by responsibility that scales beyond the tutorial to real product surfaces.
  • Confidently reach for the core hooks (useState, useEffect, useMemo, useRef) while avoiding common pitfalls.
  • Translate existing UI into React while keeping styles, data fetching, and side-effects tidy.

Workshop flow

1

React mental model reset

Refresh the component lifecycle in a world without classes and embrace React’s rendering contract.

45 min
  • Component inputs versus derived data
  • Controlled versus uncontrolled state
  • Why React re-renders and how to keep it fast
2

Hooks without superstition

Replace superstition with rules of thumb and debugging techniques that make hooks feel boring (in a good way).

75 min
  • useState and useReducer trade-offs
  • Effects, cleanup, and dependency arrays
  • Memoization heuristics that keep the DX friendly
3

Build as a team

Pair up for a guided exercise that introduces routing, shared state, and component composition patterns.

90 min
  • Composing layout, UI primitives, and domain components
  • Passing data without prop drilling using context
  • Testing the new knowledge against real UX changes

Ready to run React Basics?

Let me tailor the agenda to your stack, team size, and delivery goals so you get immediate impact. Share a bit of context and we will ship a plan within a day.

Book this workshop