React Icon Get 73% off the React Master bundle

See the bundle then add to cart and your discount is applied.

0 days
00 hours
00 mins
00 secs

React State Patterns React Icon

22 lessons

2 hours

Star Icon Star Icon Star Icon Star Icon Star Icon

4.8/5 (451 ratings)

React State Patterns

Star Icon Star Icon Star Icon Star Icon Star Icon

4.8/5 (451 reviews)

Zach Silveira

with Zach Silveira

Uncover new React Hook best practices and patterns for managing state. You'll learn the most challenging new patterns and concepts in modern React.

7

Chapters

22

Lessons

2

Hours
Closed Captions Icon

Closed Captions in English

Free Lesson Arrow Icon
Course Thumbnail
Play Icon

Refactoring useState to useReducer 07:30

Star Icon Star Icon Star Icon Star Icon Star Icon
Fantastic courses explained incredibly well. Very easy to follow and understand concepts. 10/10.
Nicolas Telfer

Nicolas Telfer

Co-founder / Engineer
Star Icon Star Icon Star Icon Star Icon Star Icon
I attempted other courses before these, and Ultimate Courses is way ahead and incomparable. Clearest explanations, easy to understand, beyond basics, fantastic value for money.
Fabrizio Masini

Fabrizio Masini

JavaScript Developer
Star Icon Star Icon Star Icon Star Icon Star Icon
Crystal clearly explained concepts, meticulously designed examples and projects! Fantastically valuable courses overall!
Yiling Lu

Yiling Lu

Senior Developer
Star Icon Star Icon Star Icon Star Icon Star Icon
By far the best React introductory course out there, just brilliant. I've attempted many others before, but none were up-to-date and comprehensive like this.
Onome Adamu

Onome Adamu

Software Engineer
Star Icon Star Icon Star Icon Star Icon Star Icon
Loved React Basics. The content is amazing, I learnt so much on this course, can't wait to go over the next React courses!
Victor Hazbun

Victor Hazbun

CEO
Star Icon Star Icon Star Icon Star Icon Star Icon
Absolutely fantastic courses. Self-paced, comprehensive, real examples from beginning to end, clear and concisely brilliant.
Jacob Cheriathundam

Jacob Cheriathundam

Development Architect

Here's what's inside...

Everything you need, structured and ready to go.

Introduction to State Management

2 lessons

  • File Icon State Management with Hooks

    Readme

  • File Icon Setup Instructions

    Readme

Internal Tools

4 lessons

  • Play Icon useState

    05:41

  • Play Icon useReducer

    05:33

  • Play Icon useContext

    09:36

  • Play Icon useEffect

    06:10

Custom Hooks

3 lessons

  • Play Icon Encapsulating State Logic

    06:36

  • Play Icon Building a network request hook

    06:39

  • Play Icon Creating a useStorage hook

    04:58

Common Problems and Other Hooks

4 lessons

  • Play Icon Infinite rerender

    08:00

  • Play Icon Skipping hook dependencies

    03:55

  • Play Icon useCallback

    05:00

  • Play Icon How to think of dependency arrays in hooks

    00:55

Building a WhatsApp Clone

5 lessons

  • Play Icon Initial project build

    13:10

  • Play Icon Refactoring useState to useReducer

    07:30

  • Play Icon Moving our Reducer to context

    05:21

  • Play Icon Quoting Messages

    08:00

  • Play Icon Refactoring to Generic Components

    05:47

External Libraries

4 lessons

  • Play Icon Recoil

    06:32

  • Play Icon xstate

    06:34

  • Play Icon redux

    06:10

  • Play Icon Apollo client

    06:18

Publishing hooks to NPM

2 lessons

  • Play Icon Creating a new package

    01:39

  • Play Icon Publishing and using our package

    05:14

Get the complete package...

Everything you need to start mastering React today

Google Developer Experts Icon

Expert knowledge

Built by Google Developer Experts, there's no better place to learn.

Trophy Icon

All the best practices

Design patterns, battle-tested techniques, architecture and performance.

Stream Icon

Stream or download

Learn at home at your own pace, download for offline viewing.

Code Terminal Icon

Level up your career

Nail that interview or promotion with skills that will set you apart.

StackBlitz Icon

StackBlitz Embeds

Access full source code, and experiment live in the browser.

Slack Icon

Private Slack Group

Exclusive access to our members-only community (7,000+ members).

React State Patterns

129

/user

189

Save 32%

$

ADD TO CART
MasterCard Icon PayPal Icon VISA Icon Amex Icon

EU customers: price excludes VAT

React Kickstart Bundle

199

/user

258

Save 23%

$

ADD TO CART
MasterCard Icon PayPal Icon VISA Icon Amex Icon

EU customers: price excludes VAT

Moneyback Icon

30-day money back guarantee

If you're disappointed for whatever reason, you'll get a full refund (but I'm sure you won't need it).

Discount Icon

Location discounts and students

Not-so-good exchange rate? (i.e. India/Brazil). Student?
Email us for a coupon for your country or student ID.