COMPRESSEDfm

In this episode, James Perkins talks about the SaaS he built, Roll Your Tweet, the tech behind it, and how much it costs to run.

Vercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.

For more information, visit Vercel.com

ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.

ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.

For more information visit softwareresidency.com/careers

DatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."

For more information, visit datocms.com

• 0:00 Introduction
• 1:01 Introducing James Perkins
  • Tina CMS
• 1:53 Parenting Tips
• 3:51 Quick Rants: "No one is going to give you a tech job or development job based on social media process"
• 5:43 Quick Rant: Educational Content is better within a Blog Post
• 8:28 Roll Your Tweet
  • Roll Your Tweet
• 10:35 Why is not intimidating to build a SaaS app and what tech stack are you using?
  • Feed Hive
  • Next.js
  • Clerk
  • Planet Scale
  • Prisma
  • Send in Blue
  • Render
• 16:57 Sponsor: DatoCMS
• 17:51 Question: Should you go ahead and build out the Payments piece early or wait until you actually have sign-ups?
  • Paddle
• 22:59 What prompted the change in the tech stack?
• 24:00 How do you run the cron job?
  • Crossover episode with Web Dev Weekly
• 26:54 Working with the Database
• 30:43 Sponsor: Vercel
• 31:50 Developing By Yourself
• 36:41 The Cost of Running Roll Your Tweet
• 40:59 Sponsor: ZEAL
• 41:53 Grab Bag Questions
• 41:58 Question #1: What are you using for the analytics in your app?
  • Plausible
• 44:19 Question #2: Do you stream your work on your SaaS?
• 44:56 Question #3: Will you repeat your tech stack one more time?
• 46:43 Finding James Perkins Online
  • Twitter
  • YouTube
  • Twitch

This episode is Part 2 of Amy and James's favorite VS Code Hot Tips and Tricks for improving the developer experience. They share their favorite extensions, plugins, and themes for getting the most out of VS Code, including some hot takes on GitHub CoPilot.

Vercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.

For more information, visit Vercel.com

ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.

ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.

For more information visit softwareresidency.com/careers

DatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."

For more information, visit datocms.com

• 0:00 Introduction
• 6:59 Our Favorite Extensions
• 7:32 Code Snap and Polacode
• 10:57 Better Comments
• 12:14 Bookmarks
• 13:02 Sponsor: DatoCMS
• 13:56 Cloak
• 14:37 Indent 4 to 2
• 16:02 CSS Peak
• 16:48 Error Lens
• 17:34 File Utils
• 19:13 Import Cost
• 21:07 Project Manager
• 21:20 Auto Complete
• 22:09 Tabnine and Kite
• 23:07 GitHub Co-Pilot
• 25:19 Sponsor: ZEAL
• 26:12 Git Integration and Git Lens
• 27:23 GitHub Pull Requests and Issues
• 27:44 LiveShare
• 29:04 IntelliSense for CSS Class Names in HTML
• 30:29 Snippets
• 31:58 Adding Extensions
• 33:07 Thunder Client
  • James's YouTube Video on Thunder Client
• 35:04 Calculator
• 35:34 Markdown PDF
• 36:09 Sponsor: Vercel
• 37:15 change-case
• 38:10 Prisma
• 38:43 Color Bracket
• 39:34 Quokka.js
• 40:20 Colorize
• 40:50 Text Pastry
• 41:16 Emmet
• 42:00 Window Colors
• 43:34 Peacock
• 43:55 Building Your Own Extensions
• 44:32 Cobalt 2
• 45:37 Other Themes
  • Night Owl
  • Winter is Coming
  • Midnight Synth
  • codeSTACKr
  • Level up Tuts
  • Shades of Purple
  • Hot Dog Stand
• 47:45 Grab Bag Questions
• 47:56 Question #1: How Hard is it to code your own VS Code Extension?
• 48:10 Question #2: Have you heard of Thunder Client?
  • Thunder Client
• 48:25 Question #3: What do you think of Beginner Developers Using Extensions to Make Things Easier?
• 51:20 Question #4: Any References or Guides on Creating a VS Code Extension that You guys have used?
• 52:34 Picks and Plugs
• 52:36 James's Pick: Duolingo App
• 54:03 James's Plug: James Q Quick on YouTube
• 54:31 Amy's Pick: Pacific Northwest Backpack / Arkadia Supply Co
• 55:07 Amy's Plug: Amy's YouTube Channel

In this episode, David Price talks about Redwood.js, its origin, how it can help you quickly spin up a full-stack JavaScript application, and how you can get involved in their community.

Vercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.

For more information, visit Vercel.com

ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.

ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.

For more information visit softwareresidency.com/careers

DatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."

For more information, visit datocms.com

• 0:00 Introduction
• 1:09 Meet David Price
  • Preston Warner Ventures
• 3:30 What is Redwood.js?
• 7:23 What do you expect modern apps to be able to do?
• 14:31 Origin Story of Redwood.js
  • Tom Preston Warner
  • Chatterbug
  • Peter Pistorius
  • Jekyll
  • Matt Biilmann
  • Chris Bach
• 19:23 Sponsor: Vercel
• 20:31 Bike Shedding
• 26:17 Taking away the Pain
• 31:17 Structure within Code
• 34:52 Sponsor: DatoCMS
• 35:46 Why React, Prisma, and GraphQL as your starting point?
  • Amy's YouTube Video - Intro to Testing
• 42:59 Learning with Redwood
• 47:34 What is Storybook?
• 50:36 Getting Started with Redwood
  • Redwood Tutorial
  • Discord Community
  • Discourse Forums
  • Docs
• 52:55 Sponsor: ZEAL
• 53:49 Redwood.js Stickers
• 54:51 Redwood Community

In this episode, Amy and James share some of their favorite keyboard shortcuts and workflows for using within VS Code.

Vercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.

For more information, visit Vercel.com

ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.

ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.

For more information visit softwareresidency.com/careers

DatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."

For more information, visit datocms.com

• 0:00 Introduction
• 4:02 Quick Rants, Unpopular Opinions, and Parenting Tip
• 6:21 Everything Svelte
• 7:23 VS Code Basics
  • YouTube Vide on Webstorm and VS Code
• 9:37 Working with Text and Navigation
  • Use arrow keys to go up / down a line or left / right character by character
  • (Mac) Option + left / right to go word by word
  • (Mac) Cmd + left / right to go to the beginning/end of a link
  • (Mac) Cmd + top/bottom to go to the top/bottom of the page
  • (Mac) Within Keyboard Settings, you can change your key repeat and delay until repeat
  • (Mac) Cmd + D or (Windows) Ctrl + D, to select an entire word
  • At the end of the word, (Mac) Opt + Backspace to delete the word
  • (Mac) Cmd + D to select a word, then Cmd + D again to select the next instance of that word in your document
  • (Mac) Cursor on a variable name + F2 to rename all instances of that variable within the file
  • Episode 49 - Working within the Terminal
  • (Mac) Opt + up/down - move the file up or down. If you hold down shifts while you do that it, it will duplicate the line
  • If you’re on a line, don’t select anything, and hit (Mac) Cmd + C, it will copy the entire line.
  • If you’re on a line, don’t select anything, and hit (Mac) Cmd + X, it will cut the entire line
  • (Mac) Cmd + Enter to inject a new line after the line you’re in.
  • (Mac) Cmd + Shift + Enter to inject a new line above the current line
  • (Mac) Select a word, then hit Cmd + F, it will pull up the Find search box, with the word you selected pre-populated
  • (Mac) James has set up a custom keyboard shortcut to do the same thing with Cmd + H for replace.
  • To set up a key binding, hit Cmd + Shift + P, type in Keyboard Shortcuts, and VS Code provides you with an interface for customizing your shortcuts
• 18:54 Sponsor: DatoCMS
• 19:48 Customize Editor Look
  • Turn off Mini Map
  • Hide File Preview / Turn off soft opens
  • Breadcrumbs
  • Outline Toggle (within the sidebar)
  • Files currently open (within the sidebar)
  • (Mac) Cmd + B to toggle the sidebar open and closed
  • (Mac) Cmd + Shift + F to show and hide the Terminal
  • Zen Mode
• 25:14 Snippets
  • Snippet Manager - https://code.visualstudio.com/docs/editor/userdefinedsnippets
• 27:11 Opening, Closing, and Saving Files
  • (Mac) Cmd + P to search for a file
  • (Cmd) Cmd + Shift + P to open the Command Palette
  • Advanced New File
  • (Mac) Cmd + Ctrl + right/left/top/bottom arrow to move that window into split-pane view
  • (Mac) Right click on the tab to open the same file in split pane view
• 29:56 Split Pane View
• 32:09 git within VS Code
• 33:49 Integrated Terminal
• 36:11 Debugging within VS Code
  • Amy’s YouTube Video on Debugging
• 37:47 Sponsor: ZEAL
• 38:40 Extensions within VS Code
  • Settings Sync
  • Live Server Extension
  • AdventofJs.com and Adventofcss.com
• 40:40 Themes
• 41:00 vim
  • Vim for VS Code from JS Joe
  • On Twitter @jsjoeio
  • vim.so from Kenneth
• 43:41 Sponsor:  Vercel - http://vercel.com
• 44:49 Grab Bag Questions
• 45:07 Question #1: How do you make VS Code work like PHP Storm, or Web Storm, as far as auto imports and hinting?
  • James on YouTube: Video for comparing VS Code and PHP Storm
• 46:53 Question #2: How do you make VS Code open from the Terminal
  • Add VS Code to your Path
• 48:26 Question / Comment #3: Find and Replace with Regex
  • Crossover episode with Web Dev Weekly
  • Brad’s YouTube Video on working within Regex
  • RegexPal.com
• 50:15 Picks and Plugs
• 50:28 Amy's Pick: Taco Cat Goat Cheese Pizza
• 51:05 Amy's Plug: Everything Svelte
• 51:33 James's Picks and Plugs: Black and Decker Coffee Grinder
• 52:14 James's Plug: Learn Visual Studio Code

In this episode, Shaundai Person talks about her interview experience at Netflix and what it’s like to work there. She has several tips for landing your first or next job.

Vercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.

For more information, visit Vercel.com

ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.

ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.

For more information visit softwareresidency.com/careers

DatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."

For more information, visit datocms.com

• 0:00 Introduction
  • React Robbins
  • TS for JS
• 1:17 Introducing Shaundai
• 3:39 Advantages of Having a Sales Background
• 9:43 Specific Example from one of Shandai’s Interviews
• 14:08 Sponsor: ZEAL
• 15:01 What was involved in the Technical Side of Your Interview?
• 17:30 Culture Fit
  • Culture Fit vs. Culture Add
• 19:03 Getting comfortable in the Interview
• 24:25 Sponsor: Vercel
• 25:33 Come with a list of questions
  • Question: “Share a story with me that you think embodies what you love about the Netflix culture”
  • Ask targeted questions, specific to the person
  • Send out Thank You Videos after the interview
• 33:18 Do we need to complete all the coding challenges on LeetCode before getting a job at Netflix?
• 35:48 Research before the interview
  • Frontend Happy Hour
  • Reach out to people currently doing the job you’re interviewing for, at that company
• 41:27 Sponsor: DatoCMS
• 42:21 What languages, frameworks, tools, are you working with right now?
• 42:50 If you fulfill 75% of the requirements, go for it.
• 46:29 Anything your want to share about the kind of day-to-day activities?

In this episode, Amy and James decode Flexbox and CSS Grid. How do you use them? and when do you reach for one over the other?

Vercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.

For more information, visit Vercel.com

ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.

ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.

For more information visit softwareresidency.com/careers

DatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."

For more information, visit datocms.com

• 0:00 Introduction
• 8:19 When do you start adopting new CSS Properties into Your Workflow
• 10:25 History of Grids
• 12:50 Floats in the Olden Days
• 16:32 Sponsor: Vercel
• 17:39 Problems Flexbox and Grid Solve
• 18:45 The Difference Between Flexbox and Grid
• 21:19 How well do you know all the properties?
  • CSS Tricks CSS Grid Cheatsheet
  • CSS Tricks Flexbox Cheatsheet
  • Kevin Powell on YouTube
  • Flexbox Froggy
  • What the Flexbox (by Wes Bus on YouTube)
• 24:49 Sponsor: DatoCMS
• 25:42 Using Flexbox
• 30:46 Sponsor: ZEAL
• 31:39 Favorite Parts about Flexbox
• 32:42 flex-wrap
• 34:23 flex-grow
• 35:11 flex-shrink
• 36:06 order
• 38:33 CSS Grid
  • CSS Grid course by Wes Bos
• 39:58 12 Column Grid
• 45:25 Grid Template Areas
• 47:01 Displaying Tabular Data
• 48:48 Grab Bag Questions
• 49:01 Question #1: What do you think about using grid and flexbox together?
• 49:49 Question #2: When do you reach for CSS Grid and when do you reach for Flexbox?
• 50:25 Question #3: Why should he learn Grid if he already knows Flexbox?
• 51:58 Picks and Plugs
• 52:11 James's Pick: Charcoal Pillow from Costco
• 53:15 James's Plug: James Q Quick on TikTok
• 53:40 Amy's Picks: Drink Holder for Luggage
• 54:11 Amy's Plug: EverythingSvelte.com

In our very first guest episode, Brian Douglas, Director of Developer Advocacy at GitHub, joins us to talk about Open Source projects and the benefits of contributing.

Vercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.

For more information, visit Vercel.com

ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.

ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.

For more information visit softwareresidency.com/careers

DatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."

For more information, visit datocms.com

In this episode, Amy and James cover the Terminal: commands to use, shortcuts, and power features.

Vercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.

For more information, visit Vercel.com

ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.

ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.

For more information visit softwareresidency.com/careers

DatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."

For more information, visit datocms.com

• 0:00 0:00 Introduction
• 7:31 What is the terminal?
• 11:34 Difference between Mac/Linux and Windows
• 13:24 Basic Commands
• 13:38 Navigating Directories
• 15:23 cd ls
• 18:06 Education of Different Flags
• 20:04 Sponsor: DatoCMS
• 21:11 Creating a file in Linux
• 21:45 Move or Rename
• 22:11 Copy and Remove
• 23:21 Wes Bos Trash Plugin
• 23:56 echo
• 24:47 wc
• 25:20 Clear Terminal
• 26:10 pwd
• 26:35 Quit Commands
• 27:20 Grep Command
• 29:44 Sponsor: ZEAL
• 30:38 Sudo
• 32:50 chmod Command
• 37:06 Pipes
• 38:50 Sponsor: Vercel
• 39:57 Tail and Head
• 41:04 Diff Command
• 41:27 Tar and Zip
• 42:48 SSH and SEP
• 43:11 vi/vim, nano
• 47:10 npm
• 47:31 People that use cli
• 48:57 Hyper Terminal Built on Electron
• 49:34 Command Line Power User Course from Wes Bos
• 50:09 zsh + bash
• 52:20 Grab Bag Questions - Tweet Us @compressedfm!
• 52:45 Picks and Plugs
• 52:59 James's Pick: Portable Charger
• 54:29 James's Plug: James Q Quick on YouTube
• 54:51 Amy's Pick: The Whistler by John Grisham
• 55:14 Amy's Plug: Level Up Tutorials Course on Keystone and Tailwind

In this episode, James and Amy talk about all the ways that you can make money online, as a developer. This includes everything from content creation, to sponsored content, to creating a SaaS, to freelancing.

Vercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.

For more information, visit Vercel.com

ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.

ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.

For more information visit softwareresidency.com/careers

DatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."

For more information, visit datocms.com

• 0:00 Introduction
• 4:20 Software Development
• 5:26 Changing Companies and Salary
• 7:22 Sponsor: ZEAL
• 8:15 Freelancing
• 9:29 Previous Freelance Episodes
  • Episode 6: Freelancing (Part 1)
  • Episode 7: Freelancing (Part 2)
  • Episode 29: Freelancing IRL: Unveiling a Site Redesign
• 11:16 Learning Opportunities with Freelance
• 14:02 Making and Selling Software
• 17:13 Lead Magnets
• 18:36 Content Creation
• 18:52 YouTube AdSense
• 19:59 Sponsored Videos
• 21:10 Sponsor: DatoCMS
• 22:03 Income from Sponsors
• 23:30 Patreon
• 26:35 Sponsor: Vercel
• 27:42 Writing Articles
• 30:21 eBook
• 32:22 Creating Courses
• 33:23 Expanding Your Community
• 35:05 Consulting, Coaching, and Mentoring
• 37:50 Grab Bag Questions
• 38:03 Question: How much do you consult your full-time employer about side gigs?
• 41:44 Picks and Plugs
• 41:55 Amy's Pick - MonsDRAWsity
• 42:48 Amy's Plug - Everything Svelte
• 43:21 James's Pick: How I Met Your Father
• 44:16 James's Plug: James Q Quick's YouTube

This episode is all about hooks within React: useState, useEffect, useReducer, useContext, useRef, useMemo, and useCallback.

Vercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.

For more information, visit Vercel.com

ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.

ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.

For more information visit softwareresidency.com/careers

DatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."

For more information, visit datocms.com

• 0:00 Introduction
• 4:55 What was before React Hooks
• 5:14 Class Based Components
• 5:28 Functional Components
• 6:19 Experience with Classes
• 9:14 Benefits of React Hooks
• 11:31 useState
• 16:17 Sponsor: DatoCMS
• 17:11 useEffect
• 22:37 useReducer
• 29:22 useContext
• 32:42 Sponsor: ZEAL
• 33:34 useRef
• 35:42 useMemo
  • Web Dev Simplified, useMemo in 10 Minutes
  • Ben Awad
• 39:08 useCallback
  • Web Dev Simplified, useCallback in 8 Minutes
  • Ben Awad
• 41:15 Sponsor: Vercel
• 42:08 Grab Bag Questions
• 42:27 Question #1: useState vs useContext
• 44:28 Question #2: How can we pause rendering?
• 46:51 Question #3: useRef vs. useState and in what condition will useState cause an infinite loop?
• 48:19 Question #4: Do you actually use useCallback and useMemo?
• 49:44 Question #5: What are some powerful ways you guys have used custom hooks within React?
  • Custom Audio Player on YouTube
• 51:44 Question #5: Forms with mobX, useState, mvvm, and Validation
• 52:50 Picks and Plugs
• 53:01 Amy's Pick: Paper Like Screen Protector
• 53:26 Amy's Plug: SelfTeach.me YouTube Channel
• 53:37 James's Pick: iPad Keyboard Case
• 54:52 James's Plug: James Q Quick on YouTube