Syntax - Tasty Web Development Treats
Syntax - Tasty Web Development Treats

300th LIVE SHOW SPECTACULAR!

It’s the 300th episode of Syntax! To celebrate, Scott and Wes do a special live call-in episode with Syntax listeners. 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

Featured Speakers

Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers Host

Topics Discussed

Episode Summary

Executive Summary: Syntax episode 300 is a live call-in celebration featuring listener questions, practical technical advice, and community shout-outs. Wes and Scott discuss GraphQL introspection security, live-streaming setup and tooling, code quality workflows with ESLint/Prettier, React Native and cross-platform app strategy, and personal productivity routines. The episode also highlights sponsor integrations and many listener projects, emphasizing the show’s long-term community impact.

Main Topics: Live 300th-episode community format: The hosts celebrate episode 300 by switching to a live call-in format, bringing listeners on stage for questions, recommendations, and plugs. They discuss the technical setup for simulcasting and the new interaction style. GraphQL introspection and API security: A listener asks whether GraphQL Playground/introspection is safe in production. Wes and Scott explain introspection, recommend turning it off in production by default, and stress that real security must come from securing resolvers and mutations. Tooling for live streaming and media delivery: The hosts detail the multi-software setup for live streaming, including Discord, OBS, Mux, React HLS player, and simulcasting across multiple platforms. They describe why they chose this architecture and how it enabled the live show. Code quality workflows: ESLint, Prettier, and VS Code: A listener asks what is missing when trying to make ESLint and Prettier work together. Scott explains his preferred setup: use Prettier via ESLint, disable conflicting formatters, and rely on VS Code settings like format-on-save and code actions on save. Cross-platform development: React Native, Flutter, and web tech: Listeners ask about the future of mobile development. The hosts argue that React Native and similar tools are strong choices for web developers, while native development may be better for specialized or performance-heavy apps. Listener projects, plugs, and community contributions: Guests plug projects such as fitness apps, tutorials, meetups, YouTube channels, and conferences. The conversation showcases the breadth of community work around Syntax and adjacent developer ecosystems. Personal routines and work-life scheduling: A listener asks how Wes and Scott balance family, work, content creation, and side projects. They explain their scheduling strategies, boundaries, and the need to say no often, while still managing multiple commitments.

Key Arguments: GraphQL introspection is useful for developers but should generally be disabled in production unless access is tightly controlled, because exposure of the schema increases attack surface awareness. Security should not rely on obscurity alone; the real protection is proper authorization and secure mutation/resolver design. The live show succeeded because the hosts combined Discord roles, OBS, Mux, and HLS streaming rather than relying entirely on third-party live platforms. A stable ESLint/Prettier workflow usually requires choosing one source of formatting truth and disabling conflicting formatters/extensions. React Native and related cross-platform tools are viable for most app types, especially for web developers, but specialized native or graphics-heavy apps may justify platform-native development. Effective teaching and productivity depend on structured scheduling, deliberate boundaries, and breaking large work into small wins. Community engagement is a major force in the Syntax ecosystem: listeners contribute questions, tools, tutorials, and projects, turning the episode into a collaborative event.

Data Points: Episode number: 300 - Syntax celebrates its 300th episode with a live show. Number of platforms streamed to: 100 platforms (mentioned jokingly/loose phrasing) and later 4 major platforms - The hosts describe simulcasting broadly and specifically mention YouTube, Twitch, syntax.fm, and another YouTube channel. Streaming platforms listed: 4 - They say they are simulcasting on two YouTube channels, a Twitch channel, and syntax.fm. MRF workout structure: 5 pull-ups, 10 push-ups, 15 squats - Brad describes the Murph workout app and the workout’s repeated round structure. Murph rounds: 20 rounds - Brad explains the Murph workout timing/tracking complexity. Weighted vest plates: 10-pound front plate and 10-pound back plate - Brad describes the 5.11 TAC-TECH plate carrier setup he uses. Hacktoberfest issues: Around 80 issues - Spence describes contribution work on MDX Embed during Hacktoberfest. Test coverage: 98% - Spence reports MDX Embed test coverage rose from zero to about 98%. Live class enrollment: 160 students - James describes the boot camp he teaches, which starts with 160 students. Boot camp retention: About 130 students remaining - James says the cohort is down to around 130 after a couple of weeks. JSConf Mexico ticket price: 10 bucks - Axel mentions JSConf Mexico tickets are only $10. Background function runtime: Up to 15 minutes - Scott mentions Netlify background functions can run asynchronously for up to 15 minutes. Listener typing score: 135 WPM - Gareth is described as having a typing speed around 135 words per minute in a typing challenge.

Pivotal Quotes: "I think first and foremost, that if you're using Apollo, which I don't know if you are. Apollo by default has introspection turned off in production." — Scott: Answering the GraphQL security question; he recommends disabling introspection in production. "I'm a fan of working out. I'm a fan of fitness." — Brad: Brad introducing his sick pick and personal fitness focus before discussing his weighted vest and app. "The real protection is proper authorization and secure mutation/resolver design." — Scott: Paraphrased from the discussion emphasizing that secure backend logic matters more than obscuring schema details.

Implications: The episode reinforces that modern dev success comes from good defaults, practical tooling, and community knowledge-sharing. Listeners get actionable advice on security, formatting, cross-platform choices, and productivity, plus examples of how live community formats can deepen engagement.

🔓 Sign Up for Unlimited Episode Search

About Syntax - Tasty Web Development Treats

View all episodes from Syntax - Tasty Web Development Treats