BROADCASTS.com

Published: Nov. 14, 2018, 2 p.m.

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\xa0freshbooks.com/syntax\xa0and put\xa0SYNTAX\xa0in the \u201cHow did you hear about us?\u201d section.

Sentry - Sponsor

If you want to know what\u2019s happening with your errors, track them with\xa0Sentry. 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\xa0Sentry.io\xa0and using the coupon code \u201ctastytreat\u201d.

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\xa0\u2192 Listing of hook libraries
  • React Spring
  • React Measure
  • Formik
  • Immer

50:30

• Resources
  • Dan Abramov\u2019s Talk
  • Harry Wolf
  • Use Hooks Newsletter
  • Awesome React Hooks

\xd7\xd7\xd7 SIIIIICK \xd7\xd7\xd7 PIIIICKS \xd7\xd7\xd7

• Scott:\xa0Bad Blood
• Wes 1:\xa0Swindled Podcast
• Wes 2:\xa0Scrub Brush Drill

Shameless Plugs

• Scott\u2019s Pro Gatsby 2 Course
• Wes\u2019 Advanced React Course\xa0- use the code SYNTAX for $10 off

Tweet us your tasty treats!

• Scott\u2019s Instagram
• LevelUpTutorials Instagram
• Wes\u2019 Instagram
• Wes\u2019 Twitter
• Wes\u2019 Facebook
• Scott\u2019s Twitter
• Make sure to include\xa0@SyntaxFM\xa0in your tweets