Podcasts Technology Syntax - Tasty Web Development Treats Syntax Live React Edition

Syntax Live React Edition

Published: April 10, 2019, 1 p.m.

b'

It\\u2019s another live episode of Syntax in which Wes and Scott do Hook\\u2019d on Hooks, Who\\u2019s Snackin\\u2019 on React, Stump\\u2019d, Unpopular Opinions, Q & Eh, and more!

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.

The Armoury - Sponsor

The Armoury is a men\\u2019s clothing and accessories retailer that provides some of the highest quality clothing you can buy. Designed for those of you who want the highest quality clothing that feels great and will last forever. Buy less, buy better. Follow them on Instagram\\xa0@thearmourynyc\\xa0and check out their website\\xa0TheArmoury.com.

Show Notes

6:54 - Who\\u2019s Snackin\\u2019 On React

Guess which of these websites have their homepage partially or fully built in React?

10:55 - Hook\\u2019d on Hooks

  • Wes:

    • useSocket
    • useStaticQuery (gatsby)
    • useKeyPress

  • Scott

    • useLocalStorage
    • useClickOutside
    • useMeasure
    • useGesture

17:47 - This, That, Both, or Neither?

  • Gutenborg:\\xa0A WordPress GUI plugin for creating react-based gutenberg blocks, or a 90\\u2019s budget TV show about Cyborgs who read?
  • Nashorn:\\xa0A Java based JavaScript engine developed by Oracle, or a popular rock climbing spot in Portland?
  • Easy Peasy:\\xa0A React state library, or children\\u2019s spoon set?
  • Use Boxmen:\\xa0A hooks library that gets box model dimension, or a puzzle-based strategy game for children?
  • Toggs:\\xa0A lightweight styleable toggle component, or rain resistant outdoor gear?
  • Landwind:\\xa0A set of React components for using the Tailwinds CSS Library, or a Chinese Knock-off Land Rover SUV?
  • Freeflow:\\xa0A redux-like state management library built on state, context and hooks, or a California-based hot tub company?
  • Ubergrippen:\\xa0A popular rock climbing spot in Denver, or a client-side video stabilization framework built on the filereader API?

26:22 - Tag Team Coding React

  • Fetch Data from the data jokes API
  • Show a loading indicator
  • Have a button to fetch a new joke

36:24 - Stump\\u2019d

  • What is a react PureComponent for?
  • Why might you use a callback with setState?
  • How would you reverse an array without mutating the original array?
  • Can you explain what a \\u201cdowntown job\\u201d is?
  • When would you use useReducer?
  • What makes useLayoutEffect different from useEffect?
  • What propType would you use for an object that contains a number and a string

43:11 - Unpopular Opinions. Overrated, Underrated?

52:45 - Q + EH with Wes and Scott

  • What where the first apps you worked on?
  • What React problem stumped you for the longest time?
  • What\\u2019s your most expensive mistake?
  • Do we need classes in Javascript?
  • How do you explain what you do to your mom?
  • How do you explain React?
  • What made you start wanting to code?
  • What\\u2019s the hackiest thing you\\u2019ve ever done?
  • Where do you see yourselves in 10 years?

Tweet us your tasty treats!

'