React Hooks

Syntax - Tasty Web Development Treats

In this episode Wes and Scott discuss React Hooks - what they are, why you might want to use them, their differences with regular classes, and more.

Freshbooks - Sponsor

Get a 30 day free trial of Freshbooks at freshbooks.com/syntax and put SYNTAX in the “How did you hear about us?” section.

Sentry - Sponsor

If you want to know what’s happening with your errors, track them with Sentry. Sentry is open-source error tracking that helps developers monitor and fix crashes in real time. Cut your time on error resolution from five hours to five minutes. It works with any language and integrates with dozens of other services. Syntax listeners can get two months for free by visiting Sentry.io and using the coupon code “tastytreat”.

Show Notes

2:30

• Function components

4:50

• What are React hooks?

8:12

• What problem does this solve?

12:00

• State hooks

21:50

• Context hooks

26:02

• Effect hooks

36:46

• Reducer hooks

40:40

• Ref Hooks

48:00

• Libraries already using React hooks
  • Rehooks → Listing of hook libraries
  • React Spring
  • React Measure
  • Formik
  • Immer

50:30

• Resources
  • Dan Abramov’s Talk
  • Harry Wolf
  • Use Hooks Newsletter
  • Awesome React Hooks

××× SIIIIICK ××× PIIIICKS ×××

• Scott: Bad Blood
• Wes 1: Swindled Podcast
• Wes 2: Scrub Brush Drill

Shameless Plugs

• Scott’s Pro Gatsby 2 Course
• Wes’ Advanced React Course - use the code SYNTAX for $10 off

Tweet us your tasty treats!

• Scott’s Instagram
• LevelUpTutorials Instagram
• Wes’ Instagram
• Wes’ Twitter
• Wes’ Facebook
• Scott’s Twitter
• Make sure to include @SyntaxFM in your tweets