Playing: 134: Syntax Live React Edition
Potluck - Terminal Configs × CSS Reset × Flexbox × Freelancing × NPM Dependencies × Project Hand-off × More!
Potluck - Why Webpack? × Serverless × Agencies × Recruiters × CSS Grid × MQ in Styled Components
Potluck - Deploying Applications × Typescript × Live Coding with Twitch × Fullstack Architecture × More!
Potluck - What is "State"? × Web Sockets × Remote Working × Firefox × Machines Taking Our Jobs × More!
Potluck - CSS × Angular × Dev job preparation × Svelte × File organization × Gear × More!
Potluck - Media Queries × NPM Vulnerabilities × Fullstack JS vs JAMstack × Web VR/AR × Switching Jobs × More!
Potluck - Interview Qs × Headless CMS × React Hooks × Resume Design × Redux vs Context × More!
How We Manage Our Lives — Notion, Todos, Notes, Focusing, Calendars, Goal tracking, and more!
Potluck - Changing careers × Repo organization × CSS Grid × Certifications × Freelancing × Spammers × More
Potluck - Where to start with JS × Freelancing × Cron jobs × Split testing × Frameworks in 2019 × More
Potluck - $100/hr × Redux Replacements × Full Stack Designers × JWT × VS Code Tips × More
Potluck - Editor Fonts × Portfolios × Meetup Tips × Switching to Windows × Freelancing Sources
Potluck EP × Remote Work × Headless WordPress × Good Client Questions × Alternate Careers × React API Credentials
Potluck EP × Is Redux Dead × Learning Quickly × Developing Solo × Specialist vs Generalist × Funnest Projects × Wes’ BBQ Course
Potluck EP × Vue.js × Headless WP × Typescript & Flow × Productivity × Server Side Rendering × Yeoman
Wes and Scott's Lives - Breakdancing, BBQ, Wives, Work/Life Balance, Problem Solving, YouTube Subscriptions
Snack Pack — CSS Frameworks, React HOC, Render Props, Coding Designers, Early Career Advice and a sound board!
Hosting & Servers — Heroku, Now, Galaxy, Digital Ocean, Linode, Docker, Netlify and more!
Apr 10th, 2019
Syntax Live React Edition👇 Download Show✏️ Edit Show Notes
It's another live episode of Syntax in which Wes and Scott do Hook'd on Hooks, Who's Snackin' on React, Stump'd, Unpopular Opinions, Q & Eh, and more!
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".
The Armoury - Sponsor
The Armoury is a men's 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 @thearmourynyc and check out their website TheArmoury.com.
6:54 - Who's Snackin' On React
Guess which of these websites have their homepage partially or fully built in React?
- EltonJohn.com or ArianaGrande.com?
- Ferrari.com or Lamborghini.com?
- Starbucks.com or Dunkindonuts.com?
- WayFair.com or Ikea.com?
- Walgreens.com or Cvs.com?
10:55 - Hook'd on Hooks
- useStaticQuery (gatsby)
17:47 - This, That, Both, or Neither?
- Gutenborg: A WordPress GUI plugin for creating react-based gutenberg blocks, or a 90's budget TV show about Cyborgs who read?
- Easy Peasy: A React state library, or children's spoon set?
- Use Boxmen: A hooks library that gets box model dimension, or a puzzle-based strategy game for children?
- Toggs: A lightweight styleable toggle component, or rain resistant outdoor gear?
- Landwind: A set of React components for using the Tailwinds CSS Library, or a Chinese Knock-off Land Rover SUV?
- Freeflow: A redux-like state management library built on state, context and hooks, or a California-based hot tub company?
- Ubergrippen: A 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 dad jokes API
- Show a loading indicator
- Have a button to fetch a new joke
36:24 - Stump'd
- 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 "downtown job" 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?
- Our own unpopular opinions
- Scott: React devs like to make things harder than they need to be.
- Dan Abramov
- Ryan Florence
- Sebastian Markbage
- Jared Palmer
- Sean Thomas Larkin
- Sergey Ryzhov
- Sophie Alpert
- Parker McMullin
- Vue does it better _
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's your most expensive mistake?
- How do you explain what you do to your mom?
- How do you explain React?
- What made you start wanting to code?
- What's the hackiest thing you've ever done?
- Where do you see yourselves in 10 years?