Modern Web - SoundSage

View Details

In this episode of the Modern Web Podcast, Rob Ocel and Danny Thompson chat with Lawrence Lockhart, Developer Advocate at Vaadin, about using Java on the front end. Lawrence introduces Vaadin’s frameworks, Flow and Hilla, which empower Java developers to build full-stack applications without needing JavaScript. They discuss Vaadin's web components, built-in accessibility, seamless integration with Spring Boot, and how it simplifies complex web applications for enterprise use.Chapters 00:03 - Introduction 01:02 - What is Vaadin and Full-Stack Java 03:12 - Why Use Vaadin? 05:58 - Vaadin’s Communication Layer 08:13 - Vaadin vs. Traditional Front-End Frameworks 11:04 - Flexibility and Support for Web Components 15:14 - Micro Front-Ends and Cross-Team Collaboration 17:57 - Accessibility in Vaadin 19:27 - Sponsor Break 20:37 - Vaadin’s Backend Integration 22:39 - Power of Web Components in Vaadin 24:07 - Open Source and Community 26:15 - Testing with Vaadin 27:02 - Success Stories with Vaadin 30:09 - Customization and Theming in Vaadin 32:51 - Danny’s Perspective on Vaadin 34:02 - Conclusion and Closing RemarksFollow Lawrence Lockhart on Social MediaTwitter: https://x.com/LawrenceDCodesLinkedin: https://www.linkedin.com/in/lawrencelockhart/Github: https://gist.github.com/lawrencedcodes/forkedSponsored by This Dot: thisdot.co

View Details

Rob Ocel and co-hosts Tracy Lee, Adam Rackis, and Danny Thompson talk with tech educator Ankita Kulkarni about her journey from engineering leader to full-time educator. Ankita shares insights on teaching Next.js, bridging practical knowledge gaps, and helping developers tackle real-world challenges. They discuss Next.js as a React-based framework, its benefits, and the challenges it presents for beginners.

Chapters

Introduction to the Podcast and Guests 00:01

Meet Ankita Kulkarni, Tech Educator 00:26

Ankita's Transition to Full-Time Education 01:41

Teaching Practical Knowledge in Next.js 03:19

Effective Methods for Teaching Next.js 05:27

Challenges of Being a Full-Time Educator 07:48

Balancing Broad and Specific Examples 09:54

Embracing Mistakes as a Teaching Tool 12:13

Pair Programming and Mentorship 14:00

Discussion on Next.js and Framework Adoption 16:48

Advantages and Challenges of Next.js 18:12

Choosing the Right Framework for Your Needs 20:35

Impact of Next.js in React Documentation 22:26

Learning Paths for New Developers 23:24

The Rise of Full-Stack Web Development 25:09

Benefits of Frameworks Abstracting Complexity 26:27

OpenNext and Deployment Flexibility 28:06

Ankita's Excitement for New Next.js Features 30:35

The Future of Next.js Without Vercel 32:16

Final Thoughts and Where to Find Everyone Online 34:21

Follow Ankita Kulkarni on Social Media

Twitter: https://x.com/kulkarniankita9

YouTube: https://www.youtube.com/@kulkarniankita

Sponsored by This Dot

Watch this episode on our YouTube Channel

Read more on our blog

Timestamps

[00:00:00] Intro.

[00:03:10] Refactored code, removed external libraries, streamlined.

[00:04:35] Understanding web APIs requires deep knowledge.

[00:05:19] Focus on problem solving, not memorization.

[00:06:39] Many regions, new technologies, use cases.

[00:10:03] React Docs collaboration inspires Angular.

[00:12:17] Career advice and success stories.

Rachel Nabors' Social Media

Bluesky: nabors.bsky.social (Bluesky Social).

Instagram: https://www.instagram.com/rachelnabors/?hl=en

Twitter: https://x.com/rachelnabors

GitHub: https://github.com/rachelnabors

LinkedIn: https://www.linkedin.com/in/rachelnabors/

Substack: The Tech Career Survival Guide (The Scrimba Podcast).

Additional Links

CascadiaJS: https://cascadiajs.com/

Rachel Nabors’ “Alice” Project: https://dribbble.com/rachelthegreat/projects/350942-Alice-in-Web-Animation-API-Land

View Details

Jonan Scheffler talks about bridging gaps between a brand and a developer community while also discussing the challenges DevRel teams face when aligning their goals with organizational objectives.

Sponsored by This Dot Labs

Watch this episode on YouTube

Read more on our blog

View Details

Tim Neutkens, Co-author and Tech Lead for Next.js, discusses how open source maintainers are simplifying the web, and covers the challenges faced with the current Next.js setup. Tim talks about TurboPack, a solution that optimizes bundling, improves parallelism, caching, and module graph calculations. He also talks about TurboAC, which focuses on addressing performance and compatibility issues, providing seamless transitions for Next.js users. Tim highlights the importance of efficient bundling processes to avoid excessive recompilation and discusses the updates in Next.js versions to enhance caching, rendering behavior, and client-side caching. Tim also discusses some exciting upcoming features in Next.js 15.

Socials

Twitter: @timneutkens

GitHub: timneutkens

Bluesky: timneutkens.bsky.social

Website: https://timn.tech/

Links

Vercel on Twitter, LinkedIn, Facebook, Instagram, YouTube, GitHub and Vercel's website

Next.js on Twitter, GitHub, LinkedIn, YouTube, Instagram, Facebook, official Next.js website

Turbopack on Twitter, GitHub, YouTube, LinkedIn, Instagram, Official Turbopack Docs

Webpack on GitHub, Twittvser, YouTube, and Official Webpack Website

Show Notes

[00:00:02] Next.js and the upcoming release of TurboPack.

[00:04:27] JavaScript bundlers evolving to handle growth.

[00:07:58] TurboPack solves Webpack limitations efficiently.

[00:12:12] Bundler compatibility for optimal app performance.

[00:16:50] Client components separated in webpack instance. Turbo pack for better parallelism and stability. Industry moving towards server-side. Feed and rollup still relevant. Collaboration between tools for future.

[00:20:57] Replacing part with roll down, similar to Webpack. Overlapping ecosystem with Avonetic Conference. Limits with unbundling and loading on demand. Cycle of building frameworks and hitting limits. History of using Webpack for client-side code. Two compiler architecture for server and client. Coordination between server and client with Webpack.

[00:25:38] Server action imports, turbo pack improves performance.

[00:30:04] Next.js is popular for websites.

[00:34:18] Chipotle using Next in Vercel, exciting improvements.

[00:38:51] Next.js 15 release candidate with changes.

Sponsored by This Dot

Watch this episode here.

View Details

Josh Goldberg, TypeScript ES-Lint Maintainer, discusses the newest features and benefits of TypeScript ESLint v8, AI in coding, and industry adoption cycles. He highlights the improved performance and type-aware linting feature of TypeScript ESLint v8. They talk about the importance of using proper tools for better coding outcomes, the "trough of disillusionment" in technology adoption, and discuss the Gartner hype cycle.

Sponsored by This Dot

Watch this episode on YouTube

Read more on our blog

View Details

Join Jack Herrington and Tracy Lee at CascadiaJS 2024 as they talk about content creation, experimenting with new tools, and continuous learning. They cover some of the latest in what’s going on in the Vercel, Next.js, and Deno Deploy ecosystems, and what these teams are doing to enable easy deployment and better community collaboration.

Sponsored by This Dot Labs

Watch this episode on YouTube

Download this episode here

View Details

Dominic Farolino, Software Engineer on the Google Chrome team, shares his exciting work on adding observables to the browser as a web platform primitive to enhance web performance. He discusses the benefits of incorporating observables into browsers, simplifying developer workflows, and their efforts to make RxJS a widely used library. They also highlight the importance of setting deadlines, sharing updates, and collaborating to advance web technologies.

Sponsored by This Dot

Watch this episode on YouTube

Read more on our blog

View Details

In this interview at RenderATL 2024, Tracy Lee and Rob Ocel interview Amanda Martin, a developer advocate at Wix, about integrating AI models into web development platforms, incorporating AI into low-code environments, and the accessibility of AI technologies through APIs and pre-built models.

Sponsored by This Dot

Watch this episode on YouTube

View Details

On this episode of Modern Web, hosts Tracy Lee, Ben Lesh, Adam Rackis, and guest JLarky share their takes on the JavaScript ecosystem, including thoughts on React version transitions and TypeScript compatibility. They also explore the challenges of library updates, as well as web standards and the complexities within standards bodies.

Sponsored by This Dot

Watch This Episode on YouTube

Read more on our blog

View Details

Rich Harris, Tracy Lee, Ben Lesh, and Adam Rackis discuss the state of Svelte, React Server Components (RSCs), and the future of web development. Discover React Server Components, web development's next evolution in co-locating resources for improved data management, and reusability. Uncover the benefits of component-based data fetching, like improved composition, and ease of development.

Sponsored by This Dot

Watch this episode on our YouTube Channel

Read more on our blog

View Details

Colby Fayock joins hosts Ben Lesh, Adam Rackis, and Tracy Lee to talk about their latest takes on React Server Components, Next.js, and performance optimization. If you want to learn more about the React Server Components conversations on the web, the intricacies of caching in web development, the ins and outs of SDK development for Next.js, the power of type enforcement with tools like Zod and TypeScript, and the art of async programming, check out this podcast. The four also talk about performance optimization and the complexities of integrating new technologies into existing applications.

Sponsored by This Dot

Watch this episode on YouTube

View Details

Tracy Lee and Rob Ocel discuss their excitement for AI's industry impact and the ease of implementing RAG with databases and large datasets. Tracy also mentions upcoming tech conferences like City JS, Cascadia JS, and Render, emphasizing the value of attending in-person events.

Sponsored by This Dot

Watch this episode on YouTube.

Read more on our blog

View Details

On this episode of the Modern Web Podcast, Tracy Lee, Adam Rackis, Ben Lesh, and guest Matthew Phillips discuss what’s going on in the world of Astro. They explore the concept of 'Islands' and how Astro allows seamless integration of components from different frameworks like React or Vue. The conversation covers technical details like client directives for selective rendering and the challenges of collecting metrics. They also discuss the importance of type safety and the development of server actions in Astro, including the introduction of AstroDB for database integration.

Sponsored by This Dot

Watch this episode on YouTube

Read more on our blog

View Details

Dev Agrawal talks about the newfound interest in building 'local first' applications, which is often seen as an outdated paradigm. With Rob Ocel, he discusses how these apps prioritize user devices as the primary data source, allowing for offline access and user control. The conversation highlights the benefits of local-first architecture in creating personalized experiences and seamless synchronization, and the importance of data ownership and Conflict-free Replicated Data Types (CRDTs) for collaborative environments. They also discuss what meta frameworks are ideal for local-first development, signals, and server components.

Read more on our blog.

View Details

Rob Ocel and Jerome Hardaway continue their series on AI adoption. In this installment, they discuss the differences between small language models (SLMs) and large language models (LLMs), highlighting the unique strengths of each. They also explore the advancements in AI chips by tech giants like Apple and Google, and their potential impact on the industry for developers. The conversation touches on the evolving role of engineers in relation to AI, the role of the software engineer in the AI age, and some ethical implications of AI implementation.

Sponsored by This Dot

Watch this episode on YouTube

Read more on our blog

View Details

Tracy Lee and Rob Ocel host an exciting episode featuring guest Shawn Wang, who shares insights on the emergence of AI engineering as a distinct field. Shawn emphasizes the importance of core knowledge and skills in AI engineering, and outlines a systematic approach to education and development. He envisions a future where AI engineering becomes a recognized profession, highlighting the rising demand for AI engineers. The conversation also explores the use of advanced AI technology in software development, showcasing tools like GPT vision for automating tasks and generating code efficiently.

Sponsored by This Dot

Watch this episode on our YouTube Channel

Read more on our blog

View Details

Tracy Lee, Jerome Hardaway, and Rob Ocel continue their six part series on the six steps for AI adoption. In this episode they discuss AI API integration and better building with AI models. They discuss the importance of choosing the right tools for specific tasks, such as APIs for filtering inappropriate content. Jerome emphasizes the role of AI in enhancing coding abilities and problem-solving, while cautioning against using AI tools where they may not be beneficial. The conversation also explores the challenges of working with API documentation, the impact of AI on different engineering levels, and the importance of efficient resource management in AI development.

Sponsored by This Dot

Watch this episode here.

Read more on our blog.

View Details

Darcy Clarke shares vlt.sh, a new package manager which he has been building with npm Creator Isaac Schlueter and Node TSC member Ruy Adorno. Along with hosts Tracy Lee, Ben Lesh, and Adam Rackis, he shares insights on emerging developer tools, pair programming, and sustainability in open source.

Read more on our blog.

View Details

Lindsay Wardell, senior software engineer at NoRedInk, shares her opinions on Elm, and explains why every software engineer should give it a try. She and Rob Ocel also discuss trends in fullstack development away from JavaScript, and why developers should broaden their experience with multiple languages to stay adaptable.

Sponsored by This Dot
Watch this episode on our YouTube Channel
Read more on our blog

View Details

Tracy Lee, Rob Ocel, and Jerome Hardaway continue their six part series on adopting AI technology into your workflow. In this episode, they discuss the importance of prompt engineering in optimizing AI interactions, emphasizing the need for clear communication, task breakdown, and effective tooling. Jerome highlights the significance of understanding AI prompts, avoiding humanization of AI, and leveraging prompt patterns for code quality enhancement.

Sponsored by This Dot

Watch this episode on our YouTube Channel

View Details

Dave Gray covers some of the latest updates to NextJS, including Server Actions, changes to static content caching, and the transition from dynamic to static content generation. They talk about the changing landscape of front-end development and popular frameworks like Vue, Angular, and Astro. Dave shares valuable insights on mastering new technologies by building simple CRUD applications, and setting clear goals for side projects. Lastly, he provides advice on starting and growing a successful YouTube channel, emphasizing the importance of consistency and engagement with the algorithm.

Sponsored by This Dot

Watch this episode on our YouTube channel

Read more on our blog

View Details

In this podcast episode, Tracy Lee, Rob Ocel, and Adam Rackis, alongside guest Kevin Whinnery, explore Deno, an alternative JavaScript runtime, and JSR, a TypeScript-first module registry. The conversation covers compatibility challenges, adoption strategies, and the potential impact of Deno and JSR in server-side JavaScript development.

Sponsored by This Dot

Watch this episode on our YouTube Channel

Read more on our blog

View Details

Tracy Lee and Jerome Hardaway (Vets Who Code) continue their series where they define the six steps of AI adoption. In this episode, they discuss the second step, making and using GPTs and other AI tools to improve your workflow. They explore how AI can be used for resume building, workflow optimization, development processes, and education. They also emphasize the importance of learning how to structure tasks effectively within AI interactions.

Sponsored by This Dot Labs

Watch this episode on our YouTube Channel

Read more on our blog

View Details

Tracy Lee, Adam Rackis, Ben Lesh, and guest Carter Rabasa discuss the democratization of AI technology and the challenges developers face with AI today. Carter educates the group on the significance of vector databases for fuzzy and similarity searches, along with the evolving landscape of AI technologies. The conversation also touches on the risks associated with advanced AI capabilities like privacy concerns. Don't miss this insightful discussion on the socio-economic impacts of technology adoption, and the importance of responsible development.

Sponsored by This Dot Labs

Watch this episode on our YouTube channel.

Read more on our blog.

View Details

Tracy Lee and Jerome Hardaway (Vets Who Code) embark on a series of defining the six steps of AI adoption. In this episode, they define the first step: destroying the bias, through which technologists must first acknowledge the transformative potential of AI across industries. Tracy and Jerome explore the role of AI in enhancing human capabilities, particularly in education and workflow improvement, and how developers can reframe their thinking about AI to more mindfully integrate AI into their daily work.

Sponsored by This Dot Labs

Watch this episode on our YouTube Channel

Read more on our blog.

View Details

Jay Phelps, a Senior Software Engineer at Netflix, alongside Ben Lesh, Tracy Lee, and Adam Rackis, explores challenges facing React developers, the problem with Vercel and Next.js, and the solutions that the web platforms teams should be focused on to improve the web for everyone, especially those that use third party scripts.

Sponsored by This Dot Labs

Watch this episode on our Youtube Page!

Sponsored by This Dot Labs

Watch this episode here!

Read more on our blog.

View Details

Atila Fassina is a devrel engineer at Crabbula and on the Solid DX team. He is passionate about creating content and in this show we talk about his involvement with SolidJS and developer experiences in general. Rob and Atila discuss how to improve DX, performance optimizations, and the nuances behind developer documentation and how to create a comprehensive toolkit for developers. Atila also talks about the upcoming stable release of Solid and its integration with Tauri V2 for mobile app development.

Sponsored by This Dot Labs

Watch this episode on our YouTube!

Read more on our blog.

View Details

Tracy Lee, Adam Rackis, Ben Lesh host Chance Strickland to discuss new web APIs, CSS, Tailwind and Atomic CSS pros and cons, React Server Component implementations, and so much more on this podcast.

Sponsored by This Dot Labs

Watch this Episode on YouTube.

Read more on our blog.

View Details

What is the current state of React and its influence from Vercel? What are the challenges of upgrading to React 18 and the impact on testing? The hosts also cover the potential for the runtime Bun to become the default for node development. The conversation explores the future of front-end development, the complexities of modern web development, and the influence of content creators in the industry.

Sponsored by This Dot Labs

Watch this podcast on our YouTube channel!

Read more on our blog.

View Details

Loren Sands-Ramshaw, Developer Relations Engineer at Temporal joins Rob Ocel to talk about reliable application development. They introduce the topic of durable execution and talk about reliability in systems, unraveling common issues developers face and showcase the benefits that durable execution can bring to software development. They also talk about the challenges of traditional programming and the complexities of event-driven architecture.

Sponsored by This Dot Labs

Watch this episode on YouTube!

Sponsored by This Dot Labs

Watch this video on YouTube

Sponsored by This Dot Labs

View Details

On this episode of Modern Web Podcast, host Simone Cuomo interviews Alvaro Saburido, a DevRel engineer and open-source developer. Alvaro talks about his project TresJS, a declarative way to create 3D experiences in Vue.js, and the importance of community-driven projects. He also discusses CentOS, Vitepress, the potential for innovation in virtual and augmented reality and the power of open-source.

Sponsored by This Dot Labs

View Details

On this episode of the Modern Web Podcast, Dustin Goodman is joined by Ben Ilegbodu and Jonathan Creamer to discuss the role of DivOps engineering. They discuss the “back-end” of front-end development and the complexities of shipping modern front-ends to the web. They discuss the transition from backend engineering to DevOps, explore insights from Jonathan Creamer on managing a fork of Yarn, emphasize the ongoing need for DivOps engineering for innovation, delve into the concept of sublinear scaling, and highlight the importance of documenting decisions to enable scaling businesses.

Sponsored by This Dot Labs

View Details

On this episode of the Modern Web Podcast, Rob Ocel interviews Daniel Roe, a framework lead at Nuxt, Google GDE, and Microsoft MVP. They discuss Daniel's journey into open source, the role of hype and venture capital in the open source ecosystem, and ways to contribute to open source projects. Finally, they discuss the challenges the open source ecosystem faces and why this is an issue that more companies and developers should be paying attention to.

Sponsored by This Dot Labs

View Details

On this episode of Modern Web Podcast, Rob Ocel interviews Andrea Griffiths, a Senior Product Manager at GitHub. Andrea shares her story of transitioning into tech and product management from a nontraditional path, and how paid internships and open source contributions helped her along the way. They discuss the role of product manager, what they do, and how product managers need to have empathy and bridge the gap between stakeholders, users, and engineering teams. They also talk about how to build truly global tech communities and reach out to developers across the world who speak every language.

[00:00:00] Tech career journey: GitHub via Latin America
[00:03:56] Non-traditional career success through open source.
[00:08:59] Gain experience, open source, support dreams.
[00:13:15] Innovate, share, learn
[00:18:01] Product management: Global expansion, execution, feedback, accessibility, localization, KPI.
[00:21:33] Product managers bridge teams, stakeholders, users.
[00:26:21] Product manager: glue, communicate, empathize.
[00:31:06] Empower global tech communities
[00:35:56] Global expansion for all developers.
[00:40:39] Grow global developer communities: GitHub’s mission.

Sponsored by This Dot Labs.

View Details

On this episode of Modern Web Podcast, Rob Ocel interviews Mark Erikson, the Redux maintainer and senior front end engineer at Replay.io. They discuss the arcane complexities of publishing JavaScript packages to NPM today, the balance between developer experience and user experience when it comes to open source libraries, the unique troubles for React/Next library authors, and the responses to Mark’s wildly successful blog about upgrading Redux to use ESM.

00:00:01] Ecosystem evolves, nobody at the wheel.
[00:07:02] Open source library complexity: Dev exp. vs user exp.
[00:13:11] ESM vs CJS: Technical merits, tree shaking, syntax.
[00:18:35] Lazy-load files with CJS/ESM.
[00:23:37] Publish libraries in multiple formats, React server components.
[00:30:38] React team locks out valid code paths.
[00:35:26] Open source maintainer responsibility: Maximally compatible, widely respected.
[00:42:25] Competing philosophies on web evolution.
[00:47:54] Unifying competing standards for developers.
[00:53:19] Expertise gained through unexpected challenges.

Sponsored by This Dot Labs.

View Details

In this episode of the Modern Web podcast, hosts Rob Ocel and Tracy Lee interview Aiden Bai, the creator of the Million.js library, a replacement for the Virtual DOM implementation in ReactJS. They talk about the process of creating Million.js as a high schooler, how the library speeds up React applications using blocks and the Million Compiler, and what the future of the library looks like. The conversation also touches on the alternative experience and education paths to becoming a developer, as well as the future of open source libraries, venture funded libraries, and indie hacked frameworks.

Sponsored by This Dot Labs.

View Details

On this episode of Modern Web, Tracy Lee, Ben Lesh, Adam Rackis, and Dax Raad discussed the cloud offerings of SST and the advantages of using AWS. Adam was excited about SST's cloud wrappers and the fact that they were built with Solid instead of React to meet ambitious performance requirements. SST helps people build on AWS by simplifying the hundreds of services available and providing an experience that allows users to become experts in AWS. Dax discussed his experience with React and Solid, and the trade offs between the two.

[00:02:40] Building on AWS made easy.
[00:06:00] Simplifying AWS: Less than five services.
[00:10:43] Hidden gem: IoT core pubsub real-time.
[00:14:33] AWS back-end and front-end support.
[00:17:20] Reaching new audiences with NextJS.
[00:20:06] Simplicity over complexity: Solid wins.
[00:24:01] GitHub-powered effortless development for all.
[00:26:24] Serverless event-driven architecture solves cold start issue.
[00:30:13] Granular auto-scaling, milliseconds up/down.

Sponsored by This Dot Labs

View Details

In this podcast episode, hosts Rob Ocel, Alyssa Nicoll, and Mark Thompson discuss the "Angular Renaissance." They reflect on Angular's evolution from its early days through the pivotal transition to Ivy to the current trend of biannual releases, highlighting the community's warm and supportive nature. The focus then shifts to the upcoming release of Angular 17, emphasizing the significance of control flow features and deferred loading in optimizing applications. The team underscores the importance of community engagement, evidence-driven development, and the promising future of Angular. They also tease an upcoming developer event in November, encouraging listeners to stay updated on the latest developments.

This episode is sponsored by This Dot Labs.

View Details

In this podcast episode, Tracy Lee, Ben Lesh, and guest Adam Rackis talk through the successful fusion of TypeScript and React. They chat about various web frameworks, like Angular and Svelte, emphasizing the impact of TypeScript support on the development process. The episode also highlights the excitement around Svelte's new feature, signals, and speculates on its potential standardization, as well as React 18's challenges and the evolution of the React ecosystem.

Sponsored by This Dot Labs.

View Details

In this podcast episode, Jerome Hardaway and Rob Ocel explore AI-powered development. They discuss the importance of active engagement in tech communities and the value of skill development. Jerome highlights the changing landscape for junior developers and the availability of free online resources for learning.

The episode also emphasizes AI's practical benefits, such as boosting productivity and aiding job readiness. It dispels misconceptions about AI hindering creativity, presenting it as a valuable tool for developers.

This episode is sponsored by CircleCI.

View Details

In this episode, hosts Rob Ocel and Tracy Lee are joined by Chuck Carpenter and Robbie Wagner from the Whiskey Web and Whatnot podcast. They discuss the future of web development, highlighting the industry's shift towards performance-focused development over flashy animations. They explore the longevity of jQuery, the use cases of frameworks like AngularJS and Ember, and the potential for combining components of Ember with Astro. The hosts also touch on the challenges of convincing stakeholders about performance and the need for developers to prioritize foundational web skills. Throughout, Robbie and Chuck share insights from The Whiskey Web and Whatnot podcast, celebrating its 100th episode.

Sponsored by This Dot Labs.

View Details

In this podcast episode, Rob Ocel chats with Kathleen McMahon, a senior design systems engineer at Northwestern Mutual and a key contributor to the W3C Design Tokens Community Group.

Kathleen McMahon kicks off the conversation by defining design systems as versatile collections of patterns and efficiencies that streamline workflows in design and engineering. She emphasizes that design systems can encompass diverse elements, such as design patterns, component libraries, CSS frameworks, and more, tailored to the unique needs of a company or product. The focus isn't on rigidity but rather on promoting consistency and efficiency while allowing flexibility for innovation.

The dialogue then shifts to Kathleen's role as a design systems engineer and the dynamic nature of her work, influenced by factors like team size and company maturity. Kathleen shares her experiences in both small, multifaceted teams and larger, specialized teams at Northwestern Mutual. She provides insights into the varied responsibilities, from creating design tokens and components to ensuring accessibility and collaborating with diverse stakeholders.

Rob and Kathleen delve into the invaluable role of design systems in simplifying workflows for designers and developers. Kathleen highlights how design systems liberate creative energy by offering reusable patterns, enabling teams to focus on solving more complex problems. They also explore the strategic decision of whether to build a design system within a specific framework or keep it framework-agnostic, shedding light on the considerations and potential challenges associated with third-party component libraries.

The episode culminates with a discussion of ARIA (Accessible Rich Internet Applications) and its pivotal role in enhancing accessibility within design systems. Kathleen discusses the opportunities and challenges of leveraging libraries like Adobe's React ARIA hooks for accessibility.

This episode is sponsored by This Dot Labs.

View Details

In this episode of the Modern Web podcast, host Rob Ocel engages in a conversation with Willow, also known as Ghost. Willow is not only one of the co-founders of Svelte Sirens but also an active member of the Svelte community, known for her contributions and expertise.

The episode dives into Willow's personal journey into web development. Willow shares how she stumbled upon Svelte through a YouTube video and was immediately drawn to its exceptional capabilities. She described the pivotal moment when she realized Svelte’s potential to revolutionize web development.

One of the key highlights of the episode is the emergence of SvelteKit and its transformative effect on web development. Willow underscores the remarkable flexibility of SvelteKit, emphasizing how it allows developers to effortlessly tackle various project types, from single-page applications (SPAs) to static websites, all without the burden of extensive configuration overhead.

Host Rob Ocel- Architect and Engineering Lead at This Dot Labs

Guest Willow aka GHOST- Co-Founder of Svelte Sirens

This episode is sponsored by This Dot Labs

View Details

In this episode, Rob Ocel is joined by Kayla Sween to discuss her tech journey, the conference scene, organizing events, and the trials of managing your own deployments in AWS. Along the way they talk about the benefits and challenges of online, live, and hybrid conferences, why all developers should look to attend conferences, how small teams can grow into more complicated DevOps configurations, and how Flightcontrol aims to make that process less painful. Finally, they discuss living with ADHD and how learning about yourself and others can be so empowering.

Guest
Kayla Sween - MagnoliaJS Organizer, Front End Developer

Host
Rob Ocel - Architect and Engineering Lead at This Dot Labs

Sponsored by This Dot Labs

View Details

In this special episode of the Modern Web podcast, Tracy Lee and Ben Lesh are joined by Netflix Engineering Managers Ryan Burgess and Jem Young. They tackle the transition from coding to management roles, debunking myths and shedding light on real challenges. Emphasizing that management isn't a simple promotion, but a unique career track requiring distinct skills. Their candid conversation exposes the value of experienced architects guiding junior team members, fostering well-rounded teams.

The group engages in lively banter, debunking the idea that management is the sole path to career growth, exploring industry trends, including streamlining management hierarchies for efficiency. This episode resonates with diverse tech career trajectories, inspiring you with insights into leadership, team dynamics, and the evolving landscape.

Hosts Tracy Lee, CEO of This Dot Labs Ben Lesh, Author of RxJS

Guest Jem Young, Engineering Manager at Netflix Ryan Burgess, Engineering Manager at Netflix

Sponsored by This Dot Labs

View Details

In this episode, Tracy Lee is joined by co-host Jessica Wilkins and guest Chris Coyier, co-founder of CodePen, a company that provides an online code editor. They discuss various topics related to web development and technology.

Chris talks about his background and his work at CodePen. They are currently working on CodePen 2.0, a major update to the platform. Chris mentions that although the interface of CodePen may not have changed much over time, there's value in maintaining reliability and consistency for users.

They touch upon the challenges of keeping up with the ever-evolving landscape of web technologies. Chris expresses the importance of providing an online code editor that supports various technologies and languages, allowing users to experiment without setting up complex development environments. He also acknowledges the growing trend of AI integration in coding tools.

The conversation then shifts to the debate surrounding different tools, frameworks, and technologies in the web development space. Chris emphasizes the need for cohesiveness among these technologies and their documentation, allowing developers to easily combine tools without friction. He mentions other online code editors like StackBlitz and CodeSandbox and their innovations.

The interview highlights the importance of community and the role it plays in the success of projects like CodePen. Chris shares his dedication to maintaining the platform and ensuring its growth and relevance while also addressing potential business challenges, such as balancing free users and paid subscribers. The discussion reflects the dynamic nature of web development and the various factors that drive innovation and growth within the industry.

Hosts Tracy Lee, CEO of This Dot Labs Jessica Wilkins, Software Engineer at This Dot Labs

Guest Chris Coyier, Co-Founder of CodePen

Sponsored by This Dot Labs

View Details

In this episode of the Modern Web Podcast, Rob Ocel dives into the intricate world of reliability engineering in software development with Maggie Johnson-Pint, co-founder of Stanza Systems. Uncover the secret behind the stampede effect that can cripple your application during traffic surges and gain insights into the indispensable need for a balanced blend of proactive and reactive strategies to ensure unwavering reliability.

Reliability engineering goes beyond mere availability metrics, encompassing user experience, performance, and trustworthiness. While the giants of the industry like Google and Silicon Valley enterprises discuss it at length, the broader developer community often finds these concepts elusive. Stanza deciphers the code to crafting resilient systems that sail through unexpected challenges and observability that unveils the hidden dynamics of your software.

Picture a scenario where your system functions flawlessly until it's pushed to its limits. Stanza’s solution: wield the power of rate limiting and masterful traffic management. Empower your application to scale seamlessly, even during maintenance or surges in demand. Don't let downtime tarnish your reputation – keep the traffic flowing while maintaining control.

But that's not all – we introduce you to Stanza, the game-changing tool designed to bring reliability optimization to your fingertips. Stanza revolutionizes the way web developers navigate the intricate world of performance. Imagine dynamically fine-tuning content delivery based on system load. Drawing inspiration from industry giants like Netflix, this approach enhances perceived reliability while alleviating system stress.

Whether you're a part of a small team or a burgeoning enterprise, Stanza's integration fits seamlessly into diverse tech stacks, including serverless environments. It's your all-in-one solution, offering features like request limiting, prioritization, and real-time adjustments. We're here to demystify complex concepts, paving the way for a brighter, more reliable digital landscape.

Elevate your application's reliability, user experience, and performance to unparalleled heights. Embrace the synergy of proactive and reactive measures with the roadmap laid out in this interview. Experience the transformation – explore Stanza and unlock a new era of software reliability!

This Dot Labs is a development consultancy that is trusted by top industry companies, including Stripe, Xero, Wikimedia, Docusign, and Twilio. This Dot takes a hands-on approach by providing tailored development strategies to help you approach your most pressing challenges with clarity and confidence. Whether it's bridging the gap between business and technology or modernizing legacy systems, you’ll find a breadth of experience and knowledge you need. Check out how This Dot Labs can empower your tech journey at thisdot.co.

Host Rob Ocel, Software Architect at This Dot Labs

Guest Maggie Johnson-Pint, Co-Founder of Stanza Systems

View Details

Uncover the best ESLint hacks with open source maintainer Josh Goldberg in this episode of the Modern Web Podcast.

Enhancing Your Code Quality: TypeScript ESLint brings a new dimension to linting by blending ESLint's capabilities with TypeScript's type-checking. Now, developers can analyze TypeScript code with ease, utilizing linting rules and tools that leverage TypeScript's type-checking APIs. Say goodbye to tedious manual checks and embrace the power of automated code analysis.

Version 6.0 Breakthrough: Discover the latest release of TypeScript ESLint V6.0, where preset configurations have been thoughtfully reworked. Developers can now enjoy more granular control over rules, tailoring their linting experience to suit their team's unique preferences and needs. With the separation of stylistic, strict, and opinionated rules, your codebase will reach new heights of consistency and excellence.

User-Centered Experience: TypeScript ESLint focuses on developers' needs, actively seeking community feedback and engaging in discussions to ensure the best possible experience. Embrace the power of user-centered and informative error messages, guiding developers in mastering TypeScript and embracing its full potential. Get ready to elevate your TypeScript development with TypeScript ESLint V6.0, offering low configuration, high impact, and unrivaled performance.

Boost your code quality and streamline your TypeScript development process with TypeScript ESLint. Say goodbye to manual checks and tedious errors, and unlock the potential of automated code analysis. Take control of your linting experience with V6.0's reworked presets, tailored to your team's preferences. Experience the future of linting with user-centered and informative error messages, guiding you towards mastery of TypeScript. Elevate your development journey with TypeScript ESLint V6.0, the ultimate tool for developer-friendly, efficient, and powerful linting.

Host Rob Ocel- Software Architect at This Dot Labs

Guest Josh Goldberg- Open Source Maintainer

Sponsored by This Dot Labs

View Details

In this episode of Modern Web, Tracy Lee and Ben Lesh are joined live at RenderATL by Francesco Ciulla, Tessa Mero, Ady Ngom, and Jessica Wilkins!

Tune in as they double click into the highly debated subject of Tailwind CSS and explore the advantages, readability concerns, and overall consensus on its usage. Discover why Tailwind CSS is making waves in the industry, particularly for new projects, and how it can simplify your development process while enhancing productivity.

But that's not all! The conversation takes an intriguing turn as the group dives into the realm of web components. Hear opinions on whether web components can be a viable alternative to traditional frameworks. Gain insights into the challenges and opportunities surrounding web components, including server-side rendering and widespread adoption.

Hosts Tracy Lee, CEO of This Dot Labs Ben Lesh, Author of RxJS

Panel Francesco Ciulla, DevRel at daily.dev Tessa Mero, Developer Advocate at Appwrite Ady Ngom, Chief Consultant at Techlabs 28 Jessica Wilkins, Software Engineer at This Dot Labs

Sponsored by This Dot Labs

View Details

In this episode of the Modern Web Podcast live at RenderATL, Tracy Lee interviews Michelle “Mish” Mannering. As an advocate for developers at GitHub, Mish emphasizes the importance of effective communication and creating tutorials that cater to developers of all levels.

Get inspired as Tracy and Mish reveal their unconventional journeys into the tech industry, proving that diverse backgrounds can lead to remarkable success in Developer Relations. With their infectious enthusiasm, they describe the joy of engaging with the vibrant developer community, attending events, and witnessing awe-inspiring projects come to life.

Tune in now to the Modern Web Podcast and join Tracy and Michelle as they delve into the exciting world of Developer Relations, uncovering valuable insights, and fostering a stronger developer community.

Guest Michelle "Mish" Mannering, Developer Advocate at GitHub

Hosts Tracy Lee, CEO of This Dot Labs

This episode is sponsored by This Dot Labs.

View Details

In this episode of Modern Web, co-hosts Tracy Lee and Ben Lesh sit down live at RenderATL with Scott Tolinski, co-host of the Syntax podcast and of Level Up Tutorials, to discuss his journey as a web development tutorial creator and YouTuber. He shares his experiences of transitioning from a full-time developer to creating YouTube tutorials as a side project. Initially, Scott started his YouTube channel to fill his free time but eventually saw it gain popularity and became his full-time career in 2017. However, he faced challenges when attempting to monetize his content and struggled to convince his audience to pay for his courses after providing free content for years.

Scott also talks about the technical aspects of his work, highlighting the benefits of using Svelte, a JavaScript framework, and his preference for its close resemblance to the DOM. He also mentions the evolution of his content creation strategies, such as releasing teaser videos on YouTube to redirect viewers to his website, where the main courses were available behind a paywall.

The conversation touches on the challenges of being a YouTuber, including the unpredictability of ad revenue and the abundance of kids' content that can be both entertaining and controversial. Scott expresses his openness to his own children exploring YouTube but emphasizes the importance of allowing them to choose their own path.

Overall, the interview provides insights into Scott Tolinski's experiences as a developer, YouTuber, and co-host of the Syntax podcast, highlighting his journey from creating free tutorials to monetizing his content and the challenges he faced along the way.

Guest Scott Tolinski, Co-host of Syntax.fm

Hosts Tracy Lee, CEO of This Dot Labs Ben Lesh, RxJS Core Team Lead

This episode is sponsored by This Dot Labs.

View Details

Andrew Knight, popularly known as automation panda, was recently interviewed on the Modern Web Podcast by host Rob Ocel. Andrew, a software quality champion, developer advocate, and test automation expert, shared his insights and experiences in the interview. He spoke passionately about testing and the importance of improving software quality. Andrew discussed the challenges he faced early in his career and how he recognized the opportunity to enhance software stability, readability, and speed through effective testing.

The conversation then shifted to the current state of testing in various tech communities. Andrew highlighted the wide variation in testing practices across companies, irrespective of programming languages or tech stacks. Smaller companies often lacked proper testing processes, while larger companies relied on traditional testing approaches that were deeply ingrained.

Advancements in web testing frameworks and tools were another topic of discussion. Andrew acknowledged the long-standing availability of functional testing, which simulates user interactions with a website. However, he pointed out the emergence of newer tools like Cypress and Playwright, which provide a modern developer experience, making web testing more accessible, efficient, and enjoyable. Andrew also emphasized the importance of addressing user experience and visual aspects of testing, where human evaluation remains crucial but can be supplemented by visual testing tools like Applitools.

The interview concluded with a glimpse into the future of autonomous testing. Andrew highlighted that while autonomous testing could never completely replace human exploratory testing, it held potential in understanding the behavior of software applications. The vision was to train autonomous agents to recognize established workflows, adapt to specific applications, propose test cases based on observed behaviors, and potentially execute these behaviors autonomously. This approach would allow developers to focus more on designing desired behaviors and less on implementing specifications.

Throughout the interview, Rob Ocel and Andrew Knight discussed the trade-off between investment and return in software testing. They reflected on the value of maintaining extensive test coverage and questioned its significance compared to the effort required to sustain it. Andrew emphasized the importance of focusing on valuable behaviors and understanding customer needs when prioritizing testing efforts. They also touched upon the idea that not all edge cases or hypothetical scenarios warrant investing time and resources in testing if they have minimal real-world impact.

Other topics covered in the interview include Andrew's talk on the eight Software Testing convictions, inspired by Japanese woodblock prints, which emphasize intentional design, accessibility, and the value of quality in software development. The discussion also revolved around the value of personas, engaging with real users to understand their needs and prioritize testing efforts accordingly. The interview highlighted the delicate balance between investing in quality and delivering value in software development and testing, with a focus on valuable behaviors and iterative learning from user interactions.

Host

Rob Ocel, Software Architect at This Dot Labs

Guest

Andrew Knight, Principal Developer Advocate at Applitools

This episode is sponsored by This Dot Labs.

View Details

In this episode of Modern Web, Tracy Lee and Adam Barrett talk with Kevin Åberg Kultalahti of Svelte Society to discuss the long anticipated release of Svelte 4. Listen in as they explore the exciting technical enhancements that Svelte 4 brings to the table, including its reduced package size, enhanced web component support, and optimized performance.

Svelte 4 introduces a revolutionary approach to web development by compiling components at build time rather than relying on a runtime framework. This means smaller bundle sizes, faster loading times, and improved performance for your applications. We delve into the technical details of how Svelte achieves this impressive feat, providing practical examples and insights into the inner workings of the framework.

Compatibility is a key concern for any web development framework, and Svelte 4 addresses this head-on. With improved web component support, Svelte 4 enables seamless integration with existing codebases and allows developers to leverage the power of Svelte in combination with other frameworks or libraries. Our discussion explores the compatibility aspects of Svelte 4, highlighting its flexibility and ease of adoption for both new and existing projects.

Whether you're a seasoned developer looking to stay at the forefront of web development trends or a newcomer eager to explore the latest innovations, this episode offers valuable insights and practical examples that showcase how Svelte 4 can revolutionize your web development workflow. Don't miss out on this opportunity to unlock the true potential of Svelte 4 and take your projects to new heights. Tune in now and discover the power of this cutting-edge framework!

Guest: Kevin Åberg Kultalahti, Svelte Society @kevmodrome

Hosts: Tracy Lee, CEO of This Dot Labs @ladyleet Adam L. Barrett, Software Engineer at This Dot Labs @adamlbarrett

Sponsored by This Dot Labs

View Details

In this episode, Rob Ocel is joined by Ben Lesh (RxJS Core Team Lead) and Ryan Carniato (Principal Engineer at Netlify, Creator of SolidJS) to discuss Signals. They talk about what Signal are, why they're suddenly so popular, how Signals differ from Observables, and whether Signals (or Observables) should be integrated into the web platform. They also cover how engineers should think about the "Signals hype", and how Signals are implemented differently from framework to framework.

Guests Ryan Carniato - Principal Engineer @Netlify, Creator of @solid_js, and the CEO of Signals - @RyanCarniato Ben Lesh - RxJS Core Team Lead, and the CEO of Observables? - @BenLesh

Host Rob Ocel - Architect and Engineering Lead @ThisDotLabs - @robocell

View Details

In this episode, Rob Ocel is joined by Debbie O'Brien (Senior Program Manager at Microsift and Playwright Developer Advocate) to discuss automated testing with Playwright! They talk about the evolution of the testing pyramid, how to write Playwright with the Playwright recorder, and some of the upcoming features of Playwright to deal with Shadow DOM, frames, selector issues, and so much more!

Guest Debbie O'Brien: Senior Program Manager at Microsoft and Playwright Web Developer Advocate. @debs_obrien

Host Rob Ocel: Architect and Engineering Lead at This Dot Labs. @robocell

View Details

In this episode, Rob Ocel is joined by Rick Conrades, Engineering Manager at This Dot Labs, to discuss software development and engineering management! They discuss how to identify and mitigate risks, how to make difficult technology tradeoffs, and how to "manage up"! Finally, they share tips for all software engineers about relating to engineering managers, and the surprising challenges that engineering managers face with their teams.

Guest
Rick Conrades, Engineering Manager at This Dot Labs

Host
Rob Ocel, Software Architect and Engineering Lead at This Dot Labs

Sponsored by This Dot Labs

View Details

In this episode, Jesse Tomchak is joined by Sam Julien, Director of Developer Advocacy, for Auth0 at Okta. What is the day to day of someone in developer advocacy outside of what we see from blog posts and conference talks? Sam is passionate about helping developers become the best versions of themselves through Tiny Experiments book, and his current newsletter, Developer Microskills. We dive into the idea of self taught developers, developer productive that is actually effective, sustainable progress, and so much more.

Guest
Sam Julien - Director of Developer Advocacy, Auth0 at Okta

Host
Jesse Tomchak - Architect and Engineering Lead at ThisDotLabs - @robocell

Developer Microskills newsletter (https://developermicroskills.com)
Sam's website (http://www.samjulien.com/)
How to Finish What You Start article (https://www.samjulien.com/how-to-finish-what-you-start)
Guide to Tiny Experiments book (https://learn.samjulien.com/guide-to-tiny-experiments)
Getting Started in Developer Relations book (http://www.gettingstartedindevrel.com)

Sponsored by This Dot Labs

View Details

In this episode, Rob Ocel is joined by Jenny Truong, Head of Operations and Developer Relations at Stately, to talk about state machines, XState, and mental health. They discuss the challenges and opportunities of starting a company from an open-source project, the benefits of user research and how Stately has used it to develop their new stately studio, and they extensively discuss Jenny's recent talk at AgentConf on looking at moods, burnout, and stress through the lens of state machines. Finally, they talk about the fun of being a doughnut connoisseur.

‌Guest
Jenny Truong- Head of Operations and Developer Relations at Stately

Host
Rob Ocel - Architect and Engineering Lead @ThisDotLabs - @robocell

Sponsored by This Dot Labs

View Details

In this episode, Rob Ocel is joined by Dominik Dorfmeister (Frontend Tech Lead at Adverity and Maintainer of TanStack Query), to talk about open-source software, TanStack Query, and more! They discuss the rapid growth of the TanStack, how Dominik first became involved as a core team maintainer and the challenges he's faced, the future of the TanStack and data-management as a driving force in front-end framework development, using TanStack in other frameworks, and the joys of skiing.

Guest
Dominik Dorfmeister, Frontend Lead at Adverty and Maintainer for TanStack Query

Host
Rob Ocel, Software Architect and Engineering Lead at This Dot Labs

Sponsored by This Dot Labs

View Details

In this episode, Jesse Tomchak is joined by Tanner Linsley of smash hits like TanStack Table, Query, and Router, for a discussion about Tanner's latest project: TanStack Start. Tanner discusses the problems he’s trying to solve, how building on existing ideas in the community has accelerated development pace, and how he went about solving it in a very "TanStack" fashion.

Guest
Tanner Linsley, Co-Founder at nozzle.io and Creator of TanStack

Host
Jesse Tomchack, Software Architect at This Dot Labs

Sponsored by This Dot Labs

View Details

In this episode, Rob Ocel, is joined by Trecia Kat, to talk about breaking into tech, building a social media following, and finding community. They discuss how to find a niche through being yourself on social media, choosing between DevRel and engineering career paths, CSS, and even their hopes and fears for the Marvel Cinematic Universe.

Guest

Trecia Kat, Self-Taught Developer and DevRel Engineer

Host

Rob Ocel, Engineering Lead & Software Architect at This Dot Labs

Sponsored by This Dot Labs

View Details

On this episode of The Modern Web, we catch up with Scott Spence, Developer Relations Engineer at Storyblok, and SvelteSociety London meetup organizer. We dive into the ins and outs of Svelte, ramping up from React, what’s it like to a second career developer, and the importance of paying it forward to developers who are new to the community.

Guest

Scott Spence, Developer Relations Engineer at Storyblok

Host

Jesse Tomchak, Software Architect at This Dot Labs

Sponsored by This Dot Labs

View Details

This week on Modern Web Alyssa Nicoll from Progress takes the web out of the browser and into native apps. Bringing you the cutting edge of native applications with embedded web technologies, Angular offers the best of both worlds. We take some minor detours into learning backend technology stacks as a long life JavaScript developer, and the awesome communities and friends we’ve made along the way. Join us for a spectacular journey and a couple tangents.

Guest

Alyssa Nicoll, Sr. Developer Advocate at Progress

Host

Jesse Tomchak, Software Architect at This Dot Labs

Sponsored by This Dot Labs

View Details

In this episode, Rob Ocel is joined by Gant Laborde (CIO @infinite_red, Author of “Learning TensorFlow.js: Powerful Machine Learning in JavaScript”, Chain React organizer), to talk about React Native, conference organizing, and the promise of AI in development. They discuss the flexibility and power of hybrid native apps, the upcoming new architecture of React Native, the trials and tribulations of organizing conferences, the state of AI tooling and education, and the opportunities and challenges for developers in a future working alongside AI.

Guest

Gant Laborde - CIO at Infinite Red, Author of “Learning TensorFlow.js: Powerful Machine Learning in JavaScript”, Chain React organizer, Google GDE and Microsoft MVP

HostRob Ocel - Architect and Engineering Lead ThisDotLabs

Sponsored by This Dot Labs

View Details

In this episode, Rob Ocel, is joined by Shai Reznik, Founder and CEO at HiRez.io and Community DevRel at Qwik, to talk about Qwik. They discuss the history of front-end development and frameworks, what has led to this recent surge in framework development, what architectural principles Qwik values most, how Qwik and QwikCity differ, how to build Qwik apps, and so much more!

Guest

Shai Reznik- Founder and CEO at HiRez.io and Community DevRel at Qwik

Host

Rob Ocel- Software Architect and Engineering Lead at This Dot Labs

Sponsored by This Dot Labs

View Details

In this episode, Rob Ocel is joined by Jordan Powell, Developer Experience Engineer Cypress, to talk about Component Testing in Cypress. They discuss the explosive recent growth of Cypress, the exciting new features just launched in recent versions, and the changing shape of the testing “trophy”. Then, they dive deeply into component testing in Cypress: motivations, best practices, tips, and so much more!

Guest

Jordan Powell- Developer Experience Engineer at Cypress

Host

Rob Ocel- Software Architect and Engineering Lead at This Dot Labs

Sponsored by This Dot Labs

View Details

In this episode Jesse Tomchak is joined by Paige Kelley to talk about the ins ad outs of building a design system including the gritty details of coordinating an actual micro frontend. They also talk about the return to conferences, what changes they've noticed in the conference experience, what it's like to speak at a tech event, and more.

Guest

Paige Kelley- Senior Software Engineer at Pax8

Host

Jesse Tomchak- Software Architect at This Dot Labs

Sponsored by This Dot Labs

View Details

In this podcast, Rob Ocel and Adam L. Barrett talk with Alex Olivier, Product Lead at Cerbos, to discuss Authorization. They discuss how authorization (AuthZ) differs from authentication (AuthN), how Cerbos works and how it makes authorization simpler, what differentiates business logic from authorization logic, how to test authorization logic, and more!

Hosts

Adam L. Barrett - Senior Developer at @thisdotlabs - @adamlbarrettRob Ocel - Architect at @thisdotlabs - @robocell

Guest

Alex Olivier - Product Lead at @cerbosdev - @alexolivier

For more information on Cerbos, check out cerbos.dev.

View Details

In this episode, Rob Ocel is joined by Ray Gesualdo, live at Connect Tech 2022, to discuss API development and how the process is a lot like building with the internationally famous toy, Legos. They share some fond memories of growing up and now raising kids around Legos, talk about the traits and characteristics of the best component and service APIs, and show how some of the great victories and lasting lessons of Lego apply to building more resilient, modular, reusable, and consistent software.

Host

Rob Ocel- Software Architect and Engineering Lead at This Dot Labs

Guest

Ray Gesualdo- Staff Software Architect at SalesLoft

Sponsored by This Dot Labs

View Details

In this episode, Rob Ocel and Jesse Tomchak are joined by Cory House at Connect Tech 2022 to discuss the past, present, and future of React. They talk about: lessons learned from 7 years of React (featuring discussions of coupling, testing, and hooks), how to pick a React meta-framework, and what pillars they think successful developers should prioritize.

Hosts

Rob Ocel- Software Architect and Team Lead at This Dot Labs

Jesse Tomchak- Software Architect at This Dot Labs

Guest

Cory House- Founder of ReactJS Consulting

Sponsored by This Dot Labs

View Details

In this episode Tracy Lee and Jesse Tomchak are joined by Jessica Sachs to talk about the world of Vue Components and all of the exciting new tools and communities being built to improve and simplify composition. Composables can be as simple as a logic gate or as complex as any renderless component, mixin, directive, or plugin, and in this conversation, our speakers dive into VueUse, which provides a collection of essential composition functions and renderless components.

Hosts

Jesse Tomchak- Software Architect at This Dot Labs

Tracy Lee -Co-Founder and CEO of This Dot Labs

Guest

Jess Sachs- Software Engineer and Open Source Developer

Sponsored by This Dot Labs

View Details

In this episode, Rob Ocel and Jesse Tomchak are joined by Jeremy Meiss live at Connect Tech 2022. They talk about the table stakes of CI/CD and having a high performing team, and the vast array of options available to run DevOps and be successful. They also dive into the topic of mentorship and documentation, and how it benefits teams and the industry at large.

Hosts

Rob Ocel- Software Architect and Engineering Lead at This Dot Labs

Jesse Tomchak- Software Engineer at This Dot Labs

Guest

Jeremy Meiss- Director of DevRel at CircleCI

Sponsored by This Dot Labs

View Details

In this episode Tracy Lee and Dustin Goodman are joined by Roy Derks- Developer Experience at StepZen ⸱ Tech Entrepreneur ⸱ GraphQL Speaker, Trainer, and Advocate- to discuss microservice design and how GraphQL can help alleviate problems derived from poorly designed microservices. They discuss different strategies teams leverage to best scale their GraphQL APIs whether they use RPC, federated schemas, or REST wrappers. They explore how GraphQL is programming language agnostic and how it’s helping to bridge gaps between different language teams. They discuss how GraphQL can positively impact consumer application usage and how it can possibly help save energy consumption and help with the world energy crisis.

Guest

Roy Derks

Hosts

Tracy Lee

Dustin Goodman

Sponsored by This Dot Labs

View Details

In this episode Rob Ocel is joined by Simon MacDonald- Head of Developer Experience at Begin- to talk about Functional Web Apps and how Enhance can help to build them. They talk about the value of building with web-standards, HTML, and web components; progressive enhancement; how Enhance works and how it differs from other libraries such as Remix or Next; and how to use Enhance with dynamic web apps and/or legacy systems. They also discuss who are the developers whose experience Simon is the head of, and a discussion of Simon's love of books and recommendations for what you should be reading!

Host

Rob Ocel- Software Architect, This Dot Labs

Guest

Simon MacDonald- Head of Developer Experience, Begin

Sponsored by This Dot Labs

View Details

In this episode Rob Ocel is joined by Tejas Kumar - international Keynote Speaker, Angel Investor, Advisor, and also the Director of Developer Relations at Xata - to talk about how DevRel and Databases have changed over the last few years. They talk about how the state of the conference scene, and the challenges of managing a developer relations team through the global pandemic. They also talk about the pain points that developers face when selecting databases and implementing applications on top of those databases. They discuss SQL vs No-SQL, the differences between databases and CMS, schemas and low-code alternatives, branching and data migration.

Host

Rob Ocel- Software Architect, This Dot Labs

Guest

Tejas Kumar- Director of Developer Relations

Sponsored by This Dot Labs

View Details

In this episode Rob Ocel is joined by Jessie Auguste- Backend Software Engineer at CybSafe, co-host of the Glowing In Tech podcast, and leadership team member for Coding Black Females. They talk about coding as a 2nd (or 3rd or 4th) career, the opportunities and pitfalls for junior developers transitioning from other industries, and telling the stories of underrepresented groups in tech. They also cover the cyber security challenges we face as an industry and how to meet them, learning (and teaching) Git and other difficult technical topics, dealing with ADHD in the workplace, and more!

Host

Rob Ocel- Software Architect, This Dot Labs

Guest

Jessie Auguste- Backend Software Engineer at CybSafe, Co-host of the Glowing in Tech Podcast, Leadership team at Coding Black Females.

Sponsored by This Dot Labs

View Details

In this episode of the Modern Web Podcast, Tracy Lee and Dustin Goodman join Anthony Campolo and Christopher Burns, hosts of the FSJam Podcast, to talk about the latest evolutions in new frameworks. They discuss "meta frameworks", predict trends in JavaScript, and compare the similarities and differences among newer technologies like Svelte, Solid, Qwik, Astro, Fresh, Marko, and more.

Host

Tracy Lee- CEO and Co-Founder, This Dot Labs

Dustin Goodman- Engineering Manager, This Dot Labs

Guests

Chris Burns- Co-Host of the FSJam Podcast

Anthony Campolo- Co-Host of the FSJam Podcast

Sponsored by This Dot Labs

View Details

Join Josh Goldberg, author of the O'Reilly book Learning TypeScript, as he gives listeners a holistic introduction to using TypeScript in modern web development. With Rob Ocel, Josh discusses how he would encourage new developers to learn TypeScript, and strategies team leads can employ to introduce their developers to the language. They also discuss how TypeScript got to where it has, how it relates to and differs from other popular typed languages, and where it (and JavaScript) might be heading in the future!

Host

Rob Ocel- Software Architect, This Dot Labs

Guest

Josh Goldberg- Author, Learning TypeScript

Sponsored by This Dot Labs

Enjoy a 30-day free membership to the O'Reilly online learning platform by clicking here!

View Details

"You don't know who's using your product." In this episode of the Modern Web Podcast, Adrián Bolonio, Accessibility Engineer at Github, sits down with Rob Ocel to talk about the importance of web accessibility in testing. They start by talking about the diverse benefits that teams can enjoy by prioritizing accessibility in their products, and then continue their discussion by reviewing some tools and concepts developers can employ to enable accessibility in their products.

Host

Rob Ocel- Software Architect, This Dot Labs

Guest

Adrián Bolonio- Accessibility Software Engineer, Github

Sponsored by This Dot Labs

View Details

The landscape of modern web development is constantly changing. In this episode of the Modern Web Podcast, Jay Phelps, Senior Software Engineer at Netflix talks about the evolution of the React paradigm in contemporary web development and what this means for engineers working with the library right now. They talk about where React thrives and in what contexts it may offer less utility than competing web technologies, as well as the impact that emergent meta frameworks have on the role of React for those building web technologies at the enterprise level.

Hosts

Tracy Lee, Co-Founder and CEO of This Dot Labs (@ladyleet)

Jesse Tomchak, Software Architect at This Dot Labs (@jtomchak)

Guest

Jay Phelps, Senior Software Engineer at Netflix (@_jayphelps)

Sponsored by HARMAN & This Dot Labs.

View Details

In this episode of the Modern Web Podcast, Software Engineer and Author Swizec Teller talks about how JavaScript developers have the tools, knowledge, and ability to write backend code whether they realize it or not. Swizec argues that, in a landscape in which serverless, distributed systems are becoming more common, the traditional line that separates frontend from backend development is steadily dissolving. Rather, an industry may emerge where developers are distinguished by their functional areas of expertise, and not whether they work on the interface or backend. They also talk about the distinction between monoliths, microservices, and serverless, with a focus on the purpose and function of the different architectures.

Guest: Swizec Teller, Software Engineer and Author of Senior Engineer Mindset, Serverless Handbook, & React + D3v4.

Host: Rob Ocel, Software Architect at This Dot Labs (@robocell)

Sponsored by HARMAN & This Dot Labs.

View Details

In this episode of the Modern Web Podcast, Evan You, Creator of Vue.js provides updates about the current state of and future road maps for the popular Vue framework. 2021 was an eventful year for Vue, following the release of Vue3 in September of 2020. They discuss new features in Vue3 as well as the community feedback the team received and how they responded, and the development of Vite, including the challenges that the team faced as they integrated the build tool with the core library. They also talk about the plans for Vue2 moving forward, and what to expect for the future of Vue3, including Vue3.3!

Guest: Evan You, Creator of Vue.js (@yuyuxi)

Host: Simone Cuomo, Software Architect at This Dot Labs (@Zelig880)

Sponsored by HARMAN & This Dot Labs.

View Details

In this episode of the Modern Web Podcast, Jem Young, Engineering Manager at Netflix, shares his perspective on engineering team leadership. He talks about his experience going from an individual contributor to leading an engineering team, including some of the roadblocks and challenges new managers often encounter. Jem also describes some of the perspectives on team leadership he's developed by working with and watching other leaders at Netflix. Finally, they talk about the changes in the career trajectories of individual contributors, and how ICs can grow in their careers whether they choose to take the management path or not.

Guest:

Jem Young (@jemyoung), Engineering Manager at Netflix

Host:

Jesse Tomchak (@jtomchak), Architect at This Dot Labs

Sponsored by HARMAN & This Dot Labs.

View Details

In this episode, Rob Ocel discusses the present state and future goals of the Angular ecosystem with Mark Thompson, Developer Relations Engineer at Google, and Angular Core Team member. They talk about Angular’s most recent accomplishments, like the advancements afforded by Angular v12, and how the Angular team responds to RFCs and other forms of community feedback. Mark also explains how the community should interpret roadmaps, and the spectrum of stages at which an in-development project might be, and how developers and non-developers can contribute to the ecosystem. Rob and Mark also talk about the relationship between third-party solutions and the Angular team’s attitude toward potentially rolling these solutions into the core framework.

Guest:

Mark Thompson (@marktechson) - Developer Relations Engineer, Google

Host:

Rob Ocel (@robocell) - Architect, This Dot Labs

This episode is sponsored by HARMAN & This Dot Labs.

View Details

In this episode, Rob sits down with Naoki Ogishi, Director of Product Management at HARMAN International to discuss the present and future of Automotive App Development. They discuss the challenges of developing software in automobiles, how Android Automotive OS is making cross-vehicle app development feasible, how the HARMAN Ignite Store developer portal and template libraries make it easier to build and distribute your automotive apps, and where the future of in-vehicle development might take us.

Guest:

Naoki Ogishi - Director of Product Management, HARMAN International

Host: Rob Ocel (@robocell) - Architect, This Dot Labs

This episode is sponsored by HARMAN & This Dot Labs.

View Details

In this episode, Rob speaks with Mike Nikles and Geoffrey Huntley of Gitpod about doing software development in configurable environments hosted in the cloud. They discuss the challenges that teams face supporting bespoke development environment across myriad devices, how tools like Gitpod solve for these challenges, how these types of cloud environments can be built and extended with plug-ins, and what the future of cloud-based development (and cloud-based remote computing) might hold!

Guests:

Mike Nikles (@mikenikles) - Developer Advocate, Gitpod

Geoffrey Huntley (@GeoffreyHuntley) - Developer Advocate, Gitpod

Host: Rob Ocel (@robocell) - Architect, This Dot Labs

This episode is sponsored by HARMAN & This Dot Labs.

View Details

In this episode of Modern Web, Dustin Goodman and Jae Anne Bach Hardie sit down with Paige Niedringhaus and Mark Erikson to talk about modernizing react applications! They discuss Paige's new course on Newline and some of the stories and experiences that inspired it and hear about Mark & Paige's stories of implementing these practices in their recent projects.

Guests:

Paige Niedringhaus (@pniedri)- Co-host of React Round-up Podcast, Staff Software Engineer at blues wireless, & Author of the "Modernizing React Apps" Course Mark Erikson (@acemarke) - Maintainer of Redux & Blogger

Hosts: Dustin Goodman (@dustinsgoodman) - Engineering Manager, This Dot Labs

Jae Anne Bach Hardie (@dulcedejae) - Architect, This Dot Labs

This episode is sponsored by HARMAN & This Dot Labs.

View Details

In this episode, Rob Ocel (@robocell) sits down with Adam Bradley (@adamdbradley), Director of Technology at builder.io, co-creator of Ionic, and creator of Stencil! They talk about the web performance challenges related to loading and using third party scripts (such as those for Google Analytics), and they discuss Partytown, a new, lightweight library created by Adam and his team to move these scripts off the blocking path and into web workers. They discuss how Partytown accomplishes this feat, what performance benefits this type of approach offers, and why this new library has the whole development community buzzing with excitement!

Guest:

Adam Bradley (@adamdbradley) - Director of Technology, Builder.io & QwikDev, Co-creator of Ionic, & Creator of Stencil

Host: Rob Ocel (@robocell) - Architect, This Dot Labs

This episode is sponsored by This Dot Labs.

View Details

In this episode, Rob Ocel sits down with Brendan Falk, co-founder and CEO at Fig, a terminal extension that provides CLI integration and autocomplete support. They discuss the state of the terminal today, how Fig enhances the terminal, how to build tools for both power users and inexperienced users alike, the vision for integrating the command-line with user interface, and more!

Guest:

Brendan Falk (@BrendanFalk) - Co-Founder & CEO, Fig

Host: Rob Ocel (@robocell) - Architect, This Dot Labs

This episode is sponsored by This Dot Labs.

View Details

In this episode, Tracy Lee (@ladyleet (she/her) and Nacho Vazquez (@nacho_vazquez14) speak with Nader Dabit (@dabit3) of Edge and Node about web3 and how to get started! We touch on topics that are hot in the blockchain ecosystem that you definitely want to be aware of if you're blockchain-curious. Topics covered: * What does the next few years of blockchain development look like and why you should start looking at layer 2 blockchains * The future of Eth 2 - proof of stake vs proof of work * Why you should watch out for the Solana blockchain * What is Gitpod and why should you care? * Lowering the barrier to entry to new developers exploring blockchain development * Learning about The Graph and Edge and Node

Guest:

Nader Dabit (@dabit3) - Developer Relations, Edge and Node

Hosts: Tracy Lee (@ladyleet (she/her) - CEO, This Dot Labs

Nacho Vazquez (@nacho_vazquez14) - Software Engineer, This Dot Labs

This episode is sponsored by This Dot Labs.

View Details

In this episode, Lindsay and Michael talk about Michael's perspective on building communities, and how to stay curious and growing as a developer. They talk about how Michael and Lindsay both started in tech by taking small bits of time to grow and learn, and how that has served them in their tech careers. Michael also talks about his time on React Podcast, and what brought him to hosting the show. They end by discussing curiosity, and how specifically to stay curious in life and in a development career.

Guest:

Michael Chan (@chantastic) - Software Engineer at Chromatic, Creator of lunch.dev

Host: Lindsay Wardell (@lindsaykwardell) - Software Engineer at This Dot, co-host of Views on Vue

This episode is sponsored by This Dot Labs.

View Details

In this episode, Tracy Lee sits down with Stephen Fluin from Chainlink to talk about blockchain and why JavaScript developers should start learning about it today. We go over the difference between blockchain and cryptocurrency, and how the two work together. We also explore use cases for developers and interesting decentralized applications one can build today. Stephen also shares with us the idea of smart contracts, and how they play into our ecosystem of development. This episode will also teach you what programming language to use, and why and how it is for you as a JS developer to get going with an IDE today. We also talk through resources JS developers have to learn technologies like solidity and explore the different blockchains you might want to consider as you dip your toe in.

Host:

Tracy Lee (@ladyleet) - CEO, This Dot Labs

Guest: Stephen Fluin (@stephenfluin) - Developers Relations at Chainlink Labs

This episode is sponsored by This Dot Labs.

View Details

In this episode, Lindsay talks with Luke Diebold, web developer and creator of QuasarCast.com, about Quasar, the amazingly flexible framework for building applications using Vue. They talk about how Luke got into programming from his interest in music, and how he got started using Quasar for personal and professional projects. They discuss what Quasar is, and discuss where it fits into the web ecosystem. They explore some of the basics of using Quasar, including its CLI and the ability to make web, mobile, and desktop apps. They wrap up the discussion talking about how Quasar is one of the first major frameworks to support Vue 3, and what that looks like from the framework.

Guest:

Luke Diebold (@LukeDiebold) - Web Developer, creator of QuasarCast.com

Host: Lindsay Wardell (@lindsaykwardell) - Software Engineer at This Dot, co-host of Views on Vue

This episode is sponsored by This Dot Labs.

View Details

In this podcast Tracy Lee and Ben Lesh, core team members of RxJS, talk about the big changes RxJS 7.0 ++ has brought to the community!

Listen to this podcast to hear updates about upcoming deprecations, new performance improvements, typings fixes, improved multicasting, top level exports, the new configurable retry, and what's coming for RxJS 8.

If you're interested in following along with ongoing updates to RxJS, the changelog is here: https://github.com/ReactiveX/rxjs/blob/master/CHANGELOG.md#features-2

Follow the roadmap for RxJS 7 to 8! Issue #6367 on github https://github.com/ReactiveX/rxjs/issues/6367

Full updates for RxJS 7.0 from RxJS Asia: https://docs.google.com/presentation/d/1-LU7YE3NWw8jHeAgdmLu4CBfG7osCx6MsSIeFs16k60/edit#slide=id.g389cbad6b8_0_36

For documentation, check out rxjs.dev.

_______

Featuring:

Tracy Lee (@ladyleet) - CEO, This Dot Labs

Ben Lesh (@benlesh) - Software Engineer at Citadel & Author of RxJS

This episode is sponsored by This Dot Labs.

View Details

In this episode, Lindsay Wardell talks with Richard Feldman about Elm, the delightful functional programming language for creating web applications. They discuss how Richard got into programming and his first experiences with Elm, then dive into some of the key features of Elm such as no runtime exceptions and its helpful compiler. They then discuss where Elm is going, and some of the great community tools that exist in the Elm ecosystem.

Guest:

Richard Feldman (@rtfeldman) - Head of Technology at NoRedInk and author of Elm In Action

Host: Lindsay Wardell (@lindsaykwardell) - Software Engineer at This Dot, co-host of Views on Vue

This episode is sponsored by Progress KendoReact & This Dot Labs.

View Details

In this episode, Misko Hevery is featured in an interview with Tracy Lee on leaving Angular, and his new project Builder. He talks about a new way to think about frameworks that our community should start embracing, as well as, why he's so excited about Builder, the space, and what he will be doing next.

Host:

Tracy Lee (@ladyleet) - CEO, This Dot Labs

Guest: Misko Hevery (@mhevery) - CTO, Builder.io & Creator of Angular

This episode is sponsored by This Dot Labs.

View Details

In this episode, Lindsay Wardell talks with Stephanie Eckles about her work with Modern CSS and accessibility. They discuss how Stephanie got into programming, and what drew her to start writing ModernCSS.dev, an excellent resource for learning the latest supported concepts in CSS. They also talk about some of the features in CSS that developers may not be aware of, as well as, some upcoming features that aren't released yet. Stephanie also talks about accessibility, and how CSS can be impacting your site's users' ability to use it. We end talking about Stephanie's upcoming workshop, and how she uses 11ty to build her sites and projects.

Host: Lindsay Wardell (@lindsaykwardell) - Software Engineer at This Dot, co-host of Views on Vue

Guest: Stephanie Eckles (@5t3ph) - Author of ModernCSS.dev & Egghead Instructor

This episode is sponsored by Dexecure & This Dot Labs.

View Details

In this episode, Rob Ocel chats with Gleb Bhamutov, a Distinguished Engineer at Cypress IO. They discuss Gleb's PhD, his prolific catalog of OSS libraries, his dream job, and how he works to scale his impact on the world at large. They also talk about the promise and value of end-to-end (E2E) testing using Cypress, and why the traditional testing pyramid might be underselling the power and importance of E2E testing. They also explore some interesting current and upcoming features of Cypress, and highlight some lesser known alternative uses of Cypress that illustrate it's flexibility.

Guest:

Gleb Bhamutov (@bahmutov) - JavaScript ninja, image processing expert, software quality fanatic, & Distinguished Engineer at Cypress IO

Host: Rob Ocel (@robocell) - Architect, This Dot Labs

This episode is sponsored by Progress KendoReact & This Dot Labs.

View Details

In this episode, Rob Ocel, Matthew Pagan, and Luis Aviles sit down with Justin Fagnani, staff software engineer at Google and Lit core team lead, to discuss web components and the recent announcement of Lit 2.0. They discuss the new major features of Lit, such as server-side rendering support and reactive controllers, new documentation, the playground site including the TypeScript support, the community around web components, the future of Polymer and LitElement, and how to build applications from Lit and work around the challenges of Shadow DOM.

Guests:

Justin Fagnani (@justinfagnani) - Staff Software Engineer, Google & Lit core team lead

Hosts:

Rob Ocel (@robocell) - Architect, This Dot Luis Aviles (@luixaviles) - Software Engineer, This Dot Matthew Pagan (@Mastapegs) - Software Engineer, This Dot

This episode is sponsored by Dexecure & This Dot Labs.

View Details

In this episode, Lindsay Wardell and Hunter Miller talk side projects with Shawn Wang. We discuss the projects they do on the side, and what kind of side projects they enjoy working on. Shawn also talks about his book, "The Coding Career Handbook", and how it started as a side project as well. We also talk about the importance of writing your own blog posts, and sharing your experience and learning in public to help both yourself and others, rather than blogging for numbers. We wrap up with a discussion on being a part-time creator, and finding a company that supports their employees and match what you're looking to do.

Guests:

Shawn Wang (@swyx) - Developer & Author of "The Coding Career Handbook"

Hosts: Hunter Miller (@hmillerdev) - Senior Software Engineer, This Dot Lindsay Wardell (@lindsaykwardell) - Software Engineer, This Dot & co-host of Views on Vue

This episode is sponsored by the Media Developers community & This Dot Labs.

View Details

The Ionic core team has been on fire the past year! With the release of Ionic Vue and Ionic React, the traction of Ionic adoption has been explosive in the past 12 months.

In this episode, Tracy Lee (@ladyleet) interviews Adam Bradley and Liam DeBeasi, core team members of the Ionic Framework, on what Ionic is, how it works under the hood, and why and when to choose Ionic as a technology of choice.

We also discuss what it means to be using web components under the hood with Stencil.js and how that helps enable the Ionic team to provide a more stable framework.

Liam and Adam even slip us a few hints as to what to expect with Ionic V6 and how you can get more involved in their community.

Guests:

Adam Bradley (@adamdbradley) - Director of Open Source Development, Ionic

Liam DeBeasi (@LiamDeBeasi) - Software Engineer, Ionic

Host:

Tracy Lee (@ladyleet) - CEO, This Dot Labs

This episode is sponsored by Progress KendoReact & This Dot Labs.

View Details

In this episode, Tracy Lee (@ladyleet) interviews Debbie O'Brien (@deb_obrien) about bit.dev, a new open source tool for helping developer share components. We learn how to use Bit to manage component architecture, think in components, and how this can help you a build more scalable, reusable codebase and work across teams.

Guest:

Debbie O'Brien (@deb_obrien) - Head Developer Advocate, Bit

Host:

Tracy Lee (@ladyleet) - CEO, This Dot Labs

This episode is sponsored by Dexecure & This Dot Labs.

View Details

In this episode, Rob Ocel discusses the recent release of Tailwind's Just-In-Time (JIT) CSS compiler with Hunter Miller and Lindsay Wardell. They discuss the new features the JIT compiler provides, as well as, the performance boost developers can expect on their own projects. They also talk about the benefits of utility CSS compared to other methods, and how Tailwind can be used to build out many types of design systems. They also explore other utility CSS frameworks, including Windi CSS, and discuss the future of utility CSS in the development world.

Hosts: Rob Ocel (@robocell) - Architect, This Dot Hunter Miller (@hmillerdev) - Senior Software Engineer, This Dot Lindsay Wardell (@lindsaykwardell) - Software Engineer, This Dot & co-host of Views on Vue

Links: https://www.youtube.com/watch?v=3O_3X7InOw8 https://tailwindcss.nuxtjs.org/ https://windicss.org/

This episode is sponsored by the Media Developers community & This Dot Labs.

View Details

In this episode, Rob Ocel sits down with Simeon Vincent, a Developer Advocate on the Chrome Extensions Team. They discuss Simeon's unique journey into tech and developer advocacy, the special challenges of doing developer relations for a platform as large as Chrome, the future of browser extensions in Chrome with the new, upcoming Manifest V3, what existing extension authors need to know about the upcoming changes, and the special promise and fun of building your own browser extensions!

Guest:

Simeon Vincent (@DotProto) - Developer Advocate, Chrome Extensions Team

Host: Rob Ocel (@robocell) - Architect, This Dot

Links: https://www.youtube.com/watch?v=kybyYwu9Mpw https://developer.chrome.com/docs/extensions/mv3/intro/mv3-migration/ https://groups.google.com/a/chromium.org/g/chromium-extensions

This episode is sponsored by KendoReact & This Dot Labs.

View Details

In this episode, our hosts, Jesse Tomchak (@jtomchak) and Tracy Lee (@ladyleet) interview Guillermo Rauch (@rauchg) about the power of javascript, building on top of existing primitives, components, JamStack, + so much more!

Guest:

Guillermo Rauch (@rauchg) - CEO, Vercel

Host:

Tracy Lee (@ladyleet) - CEO, This Dot Labs

Jesse Tomchak (@jtomchak) - Senior Software Engineer, This Dot Labs

This episode is sponsored by This Dot Labs.

View Details

This week, we have guest host, Morgan Worrell, leading a conversation with fellow devs Dillion Megida and Adesoji David, along with tech sales rep for This Dot Labs, Darron Smith. They talk about their work-life preferences, both as This Dot Labs employees and in previous roles, plus share some about the experiences they've had as black technologists in the US and in Nigeria.

Host:

Morgan Worrell (@morganistic_) - Senior Software Engineer, This Dot Labs

Guests:

Dillion Megida (@iamdillion) - Software Engineer, This Dot Labs

Adesoji David (@temitopedavid_) - Software Engineer, This Dot Labs

Darron Smith (@Darron_ThisDot) - Sales Representative, This Dot Labs

This episode is sponsored by This Dot Labs.

View Details

In this podcast episode, we sit down with conference organizer, John Allsopp (@johnallsopp), about taking conferences online and the new way of doing these events. How can conference organizers think about how to reshape their events, and how do conference attendees benefit from it?

Guest:

John Allsopp (@johnallsopp) - Author, Developer, & Co-founder of Web Directions Conferences

Host:

Tracy Lee (@ladyleet) - CEO, This Dot Labs

This episode is sponsored by Dexecure & This Dot Labs.

View Details

In this episode, our hosts, Jesse Tomchak (@jtomchak) and Tracy Lee (@ladyleet) interview David Price (@thedavidprice) on the new full stack react framework, RedwoodJS! Listen in on why you should learn “yet another framework” and how Redwood is trying to make developer lives easier with the tech stack you already know.

Guest:

David Price (@thedavidprice) - Core team, RedwoodJS

Host:

Tracy Lee (@ladyleet) - CEO, This Dot Labs

Jesse Tomchak (@jtomchak) - Senior Software Engineer, This Dot Labs

This episode is sponsored by KendoReact & This Dot Labs.

View Details

In this podcast episode, Rob Ocel (@robocell) chats with David Khourshid (@DavidKPiano), software engineer at Microsoft and creator of XState!

Topics discussed:

What are state machines and why was XState created?
Is XState a replacement for Redux or any other state management libraries?
How to get started with state machines
When to adopt libraries such as XState
What are the advanced features of state charts and how do you learn about them

Guest:

David Khourshid (@DavidKPiano) - Software Engineer, Microsoft & Creator of XState

Hosts:

Rob Ocel (@robocell) - Architect, This Dot Labs

This episode is sponsored by Syncfusion & This Dot Labs.

View Details

In this podcast episode, Tracy Lee (@ladyleet) sits down with Alex Russell (@slightlylate) from Google to discuss web performance, user experience, & his work at project fugu! We also talk about core web vitals, lighthouse, the chrome user experience report, APIS, webpagetest, & more.

Guest:

Alex Russell (@slightlylate) - Senior Staff Software Engineer, Google

Hosts:

Tracy Lee (@ladyleet) - CEO, This Dot Labs

This episode is sponsored by This Dot Labs.

View Details

With Blitz gaining 6000 stars on Github, over 150 contributors, and nearly 1000 slack members in less than 1 year, the excitement for Blitz.js rings true within the JavaScript community! In this episode, Wes Copeland and Tracy Lee interview Brandon Bayer about what Blitz.js is, and why to start considering using this full stack javascript framework for your projects. Topics covered are forms, testing, styling, and using Blitz with other technologies.

Guest:

Brandon Bayer (@flybayer) - Creator of Blitz.js

Hosts:

Tracy Lee (@ladyleet) - CEO, This Dot Labs

Wes Copeland (@wescopeland_) - Senior Software Engineer, This Dot Labs

This episode is sponsored by Pluralsight & This Dot Labs.

View Details

In this podcast, we talk to Justin Fagnani, Tech Lead for the Polymer team! He gives us an update on what to expect for Lit with new features, SSR, and so much more for 2021. We also talk about new tools such as Tachometer, and touch on new web standards that you should be aware of and how they are changing the web ecosystem for developers.

Guest:

Justin Fagnani (@justinfagnani) - Software Engineer, Google

Hosts:

Tracy Lee (@ladyleet) - CEO, This Dot Labs

This episode is sponsored by Pluralsight & This Dot Labs.

View Details

In this podcast, Tracy Lee (@ladyleet) and Ben Lesh (@benlesh) sit down with Maximiliano Firtman (@firt) and discuss how performance in development is becoming required for development on the web and mobile, and the implications for not making sure performance is a part of your product strategy. They talk about what’s next after Lighthouse in a developer’s web performance journey, other tools such as Microsoft's webhint, and the new core web vitals that Google has recently published. Plus, they explore the importance (or lack thereof these days) of PWAs and how that is changing on mobile platforms.

Guest:

Maximiliano Firtman (@firt) - Freelance Mobile+Web developer | Author, Speaker, & Trainer

Hosts:

Tracy Lee (@ladyleet) - CEO, This Dot Labs

Ben Lesh (@benlesh) - Software Engineer at Citadel & Author of RxJS

This episode is sponsored by This Dot Labs.

View Details

In this podcast, Tracy Lee (@ladyleet) and Rob Ocel (@robocell) talk to Henri Helvetica (@HenriHelvetica), your friendly Canadian web performance expert, about optimizing performance, how to become a web performance expert, keeping up with ever changing metrics, and the history of image standards on the web + what you should expect in the coming years.

Guest:

Henri Helvetica (@HenriHelvetica) - Freelance Developer, Web Perf Expert, Conference Speaker

Host:

Tracy Lee (@ladyleet) - CEO, This Dot Labs

Rob Ocel (@robocell) - Architect, This Dot Labs

This episode is sponsored by KendoReact & This Dot Labs.

View Details

In this podcast episode, Tracy Lee (@ladyleet) interviews Principal Engineer at Stitchfix, Stacy Devino (@doesitpew), about being a principal engineer. We cover topics around what it takes to be a principal engineer, how to facilitate your learning within an organization, what a good culture in an engineering team looks like, the considerations one might take to look at to rewrite code or build something from scratch, and the skills needed to be successful at this level of your career.

Guest:

Stacy Devino (@doesitpew) - Principal Engineer at Stitchfix

Host:

Tracy Lee (@ladyleet) - CEO, This Dot Labs

This episode is sponsored by This Dot Labs.

View Details

In this podcast Tracy Lee (@ladyleet), Hunter Miller (@hmillerdev), and Ben Lesh (@benlesh) interview Jason Miller (@_developit), creator and core team member of Preact about Preact - its conception, where it's at today, who's using it, and what's coming up for the library. We also ask Jason about how being on the Google Chrome team has impacted the direction of Preact, and about his current project at Google, ModernJS.

Guests:

Jason Miller (@_developit) - Creator & Core Team Member, Preact | DevRel, Google

Hosts:

Tracy Lee (@ladyleet) - CEO, This Dot Labs

Ben Lesh (@benlesh) - Software Engineer at Citadel & Author of RxJS

Hunter Miller (@hmillerdev) - Software Engineer, This Dot Labs

This episode is sponsored by This Dot Labs.

View Details

In this podcast episode, Tracy Lee (@ladyleet) and Ben Lesh (@benlesh) speak with Sam Saccone (@samccone), a software engineer at Google, about how to prepare for a tech interview.

Topics discussed:

How to approach interviewers
What questions to prepare for
What questions you should be asking the interviewer
What algorithm questions are asked
What questions are NOT asked

Guests:

Sam Saccone (@samccone) - Software Engineer, Google

Hosts:

Tracy Lee (@ladyleet) - CEO, This Dot Labs

Ben Lesh (@benlesh) - Software Engineer at Citadel & Author of RxJS

This episode is sponsored by This Dot Labs.

View Details

In this podcast episode, Tracy Lee (@ladyleet) and Ben Lesh (@benlesh) sit down with special guests, Zouhir Chahoud, Stephanie Stimac, and Craig Dunn from Microsoft about new CSS & media query APIs!

Topics discussed:

What is the new CSS & JS primitives
What does this mea for developers and designers?
How can you start experimenting right now?
docs.microsoft.com/dual-screen for more info on designing and developing for these devices

Guests:

Zouhir Chahoud - Program Manager, Edge

Stephanie Stimac - Program Manager, Edge

Craig Dunn - Principle Software Engineer, Microsoft

Hosts:

Tracy Lee (@ladyleet) - CEO, This Dot Labs

Ben Lesh (@benlesh) - Software Engineer at Citadel & Author of RxJS

This episode is sponsored by KendoReact & This Dot Labs.

View Details

In this podcast, Luis Aviles (@luixaviles) and Tracy Lee (@ladyleet) interview Ben Lesh (@benlesh), author of RxJS on the most recent updates for RxJS 7 beta and it's targeted release date. We discuss how he made RxJS 7 smaller and where you can find the refactored code. We talk about what's next for RxJS 8, how they're using TypeScript in strict mode, what things to keep in mind while you're working with the reactive programming approach, and what deprecations to start looking out for so you can begin future proofing your code today well before the release.

Hosts:

Luis Aviles (@luixaviles) - Software Engineer, This Dot Labs

Tracy Lee (@ladyleet) - CEO, This Dot Labs

Guest:

Ben Lesh (@benlesh) - Software Engineer at Citadel & Author of RxJS

This episode is sponsored by This Dot Labs.

View Details

In this podcast episode, Rob and Jake talk to Sara Vieira, author of Opinionated React, developer at Code Sandbox, and organizer of QueerJS and the Women of React Conference. Together, they discuss Sara's book, "Opinionated React," and how it provides value to teams looking for a more prescriptive approach to building React applications or simply looking for clear and persuasive analysis of alternative approaches to selecting third party React libraries. They also discuss the process of writing a book and share advice for aspiring writers, talk about how to build inclusive communities at scale, and also speak about the importance of mental health in the tech world (especially in the age of COVID).

Hosts:

Rob Ocel - @robocell - Architect, This Dot Labs

Jake Dohm - @JakeDohm - Developer, Good Work

Guest:

Sara Vieira - @NikkitaFTW - Author of "Opinionated React," developer at Code Sandbox, and organizer of QueerJS and the Women of React Conference

This episode is sponsored by KendoReact & This Dot Labs.

View Details

In this podcast episode, our hosts, Tracy Lee (@ladyleet) and Rob Ocel (@robocell), sit down with Christina Yu (@christinayu123) to talk about transitioning from mid to senior level engineers.

Guest:

Christina Yu (@christinayu123) - Software Engineer, Citadel

This episode is sponsored by KendoReact & This Dot Labs.

View Details

In this episode, we sit down with special guests, Christian Alfoni (@christianalfoni) of CodeSandbox and Pedro Duarte (@peduarte) of Modulz to discuss CSS-in-JS and the future of web design. Christian and Pedro collaborated to make Stitches, a CSS-in-JS library which boasts a near-zero runtime allowing for super performant styling with tooling for variants, utilities, and theming. Stitches’ performance paved the way for Modulz own component system which powers the design tool they’re building. Join our hosts, Tracy Lee (@ladyleet) and Hunter Miller (@hmillerdev) as they dive in to this new territory.

Guests:

Christian Alfoni (@christianalfoni) of CodeSandbox

Pedro Duarte (@peduarte) of Modulz

This episode is sponsored by Syncfusion & This Dot Labs.

View Details

In this podcast episode, Tracy Lee (@ladyleet) and Ben Lesh (@benlesh) sit down with Aaron Frost and talk about Scully.io!

Guest: Aaron Frost (@aaronfrost) - CEO, Founder, Architect of HeroDevs and ng-conf organizer

This episode is sponsored by KendoReact & This Dot Labs.

View Details

In this podcast, our hosts, Tracy Lee (@ladyleet) & Ben Lesh (@BenLesh), interview Tessa Mero, Developer Advocate at Cloudinary about developer relations. We talk about what a day to day in a devrel job looks like, misconceptions about devrel, metrics you are judged on. We also discuss work life balance, traveling at conferences, and how to handle lockdown!

Guest: Tessa Mero - Developer Advocate at Cloudinary (@TessaMero)

This episode is sponsored by KendoReact, & This Dot Labs.

View Details

In this episode of the Modern Web podcast, our hosts, Rob Ocel (@robocell) & Jake Dohm (@JakeDohm), sit down with special guest, Christina Gorton (@coffeecraftcode), to discuss "Learning in Public, Code Education, and Community Building"!

Hosts: Rob Ocel - Architect - This Dot Labs (@robocell) Jake Dohm - Developer - Good Work (@JakeDohm)

Guest: Christina Gorton - Creative Developer, Technical Writer, and Educator (@coffeecraftcode)

This episode is sponsored by Syncfusion, KendoReact, & This Dot Labs.

View Details

In this episode of the Modern Web podcast, our hosts, Tracy Lee (@ladyleet) & Ben Lesh (@BenLesh), sit down with special guest, Mark Erikson (@acemarke), to discuss whether Redux is dead!

This episode is sponsored by KendoReact & This Dot Labs.

View Details

In this episode, Tracy Lee and Justin Ribeiro talk about how to get started with web performance and things you can do right now as a developer. They discuss devtools released by Microsoft, Mozilla, and Google and what the most productive metrics to focus on are!

Guests: Justin Ribeiro (@justinribeiro) - Executive Vice President, Web Platform Engineering @ This Dot & GDE in Web Technologies

This episode is sponsored by KendoReact & This Dot Labs.

View Details

Introducing a new season of our Modern Web podcast with a special episode featuring Evan You (@youyuxi), creator & project lead of Vue!

Evan discusses why he is so excited about Vue 3, and the differences between how the architecture of Vue 3 differs from other frameworks such as Svelte, Ivy, Ember, and React. He also explains the difference between React Hooks and the Vue Composition API and how the Vue Composition API tries to solve some ergonomic issues that React Hooks has.

If you use a bundler like webpack and you’re looking for more speed, you’ll love Evan’s new project, Vite.

Evan explains the problems that Vite is trying to solve for all developers, regardless of if you use Vue, React, Svelte, or Angular. Vite also supports hot module replacement and has a lot of goodies up its sleeve Evan talks about that you should watch out for. Ben and Evan discuss the differences between Snowpack 2 and Vite.

This episode is sponsored by This Dot Labs.

View Details

In this episode of the Modern Web podcast, our hosts, Tracy Lee (@ladyleet) & Ben Lesh (@BenLesh), explore why developers should look to consider learning ReasonML and the benefits of the language with special guest, Peter Piekarczyk (@peterpme). Peter also shares the how Reason works with technologies you may already know like TypeScript and React.

This episode also introduces Draftbit, a new low code solution to help developers and designers build mobile apps from within the browser.

Guests: Peter Piekarczyk (@peterpme) - Co-founder & CTO of Draftbit

This episode is sponsored by Syncfusion & This Dot Labs.

View Details

In this special episode of the Modern Web podcast, join our our host, Tracy Lee (@ladyleet) as she sits down with Rob Ocel (@robocell) to discuss the PAMStack!

Guests: Rob Ocel (@robocell) - Software Architect, This Dot Labs.

This episode is sponsored by This Dot Labs.

View Details

In this episode of the Modern Web podcast, join our our hosts, Rob Ocel (@robocell) & Jake Dohm (@JakeDohm), as they sit down with special guest, Dave Geddes (@geddski)

Guests: Dave Geddes (@geddski) - Creator of Mastery Games

This episode is sponsored by This Dot Labs.

View Details

In this episode of the Modern Web podcast, join our host, Tracy Lee (@ladyleet), as she sits down with special guest, Eric Simons (@ericsimons40).

Guests: Eric Simons (@ericsimons40) - CEO & Founder, Stackblitz

This episode is sponsored by This Dot Labs.

View Details

In this episode of the Modern Web podcast, join our our hosts, Tracy Lee (@ladyleet) & Ben Lesh (@BenLesh), as they sit down with special guest, Eve Porcello (@eveporcello).

Guests: Eve Porcello (@eveporcello) - Co-Founder & Instructor, Moon Highway

This episode is sponsored by This Dot Labs.

View Details

In this episode of the Modern Web podcast, join our hosts, Rob Ocel (@robocell) & Jake Dohm (@JakeDohm), as they sit down with special guests, Marcy Sutton, Aisha Blake, and Laurie Barth!

Guests:

Marcy Sutton (@marcysutton) - Head of Learning, GatsbyJS

Aisha Blake (@AishaBlake) - Sr. Software Engineer, GatsbyJS

Laurie Barth (@laurieontech) - Software Engineer, GatsbyJS

This episode is sponsored by This Dot Labs.

View Details

In this episode of the Modern Web podcast, join our our host, Rob Ocel (@robocell), as he sits down with special guest, Douglass Sillars (@Dougsillars).

Guests: Douglass Sillars (@Dougsillars) - Freelance Developer Evangelist

This episode is sponsored by Syncfusion & This Dot Labs.

View Details

In this episode of the Modern Web podcast, join our our host, Rob Ocel (@robocell), as he sits down with special guests, Moshe Milman (@MosheMilman), Eva Howe (@evahowe), and Chris Whited (@cmwhited) to discuss the the benefits of companies supporting open source!

Guests:

Moshe Milman (@MosheMilman) - Co-founder and COO of Applitools

Eva Howe (@evahowe) - Operations Manager at This Dot

Chris Whited (@cmwhited) - Senior Software Engineer for This Dot Labs

This episode is sponsored by Syncfusion & This Dot Labs.

View Details

In this episode of the Modern Web podcast, join our our host, Rob Ocel (@robocell), as he sits down with special guests, Adam Jahr (@AdamJahr) and Gregg Pollack (@greggpollack) from Vue Mastery.

Guests:

Adam Jahr (@AdamJahr) - Instructor at Vue Mastery

Gregg Pollack (@greggpollack) - Instructor at Vue Mastery

This episode is sponsored by NativeScript & This Dot Labs.

View Details

In this episode of the Modern Web podcast, our host, Rob Ocel (@robocell), discusses mentorship with Ray Gesualdo (@RayGesualdo).

Guests: Ray Gesualdo (@RayGesualdo) - Staff UI Engineer, SalesLoft

Topics discussed:

What has mentorship meant to our careers
What is mentorship and how does it differ from things like sponsorship or instruction?
Is it really that hard to start mentorship at your company? What does it take to start a mentorship culture?
Why the ability to be open, vulnerable, and honest is critical to a successful mentorship relationship
How do you pick a mentor? What should someone look for in a mentor? What should mentors look for from their mentees?
Why companies and senior developers need junior developers to advance their own careers and solve for their blindspots.
How important is it to solicit feedback from others? How do you act on that feedback? How do you better ask for feedback?
The importance of listening in mentorship relationship and not trying to just "solve" things, and how to work around that as a mentor
How to negotiate boundaries in mentorship relationships and navigate the power imbalance
Can someone be junior to mentor?
How do teams where all developers are considered peers set up successful mentorship programs? Do all mentor relationships need a senior and a junior?
What is radical honesty, Radical Candor, and ruinous empathy? How to be empathetic but also deliver hard truths and actionable feedback

This episode is sponsored by NativeScript & This Dot Labs.

View Details

In this episode of the Modern Web podcast, our host, Rob Ocel, speaks with Alex Castillo about NeuroJavaScript.

Guests:

Alex Castillo (@castillo__io) - Co-founder @ Neurosity

Topics discussed:

What is Neural JavaScript, neuroimaging, and how do they relate?
How can this technology help with increase the accessibility of our sites/technology?
What is the Notion device that Neurosity created? How does it work?
How does the Notion device separate intentional thoughts to operate interfaces from other thoughts we might have at any point in time?
What are the limits of these types of technology? Can it really read your thoughts?
What is the Notion SDK and how can you use this technology in our code?
What are intents and how do app authors develop new intents or map to existing known intents?
How does the SDK help app authors glean meaningful insights without being experts in neuroscience?
How does Neurosity protect user privacy? How important is privacy and ethics with this type of technology?
If people are interested, how can they learn more about the science of this technology? How can they learn more about Neurosity and the Notion device? How can they get involved in the SDK development? How can they get involved in the community around this technology and science?

This episode is sponsored by NativeScript & This Dot Labs.

View Details

In this episode of the Modern Web podcast, our host, Tracy Lee, speaks with Amal Hussein and Jory Burson about the web platform.

Our Guests:

Amal Hussein (@nomadtechie) - Software engineer at Bocoup

Jory Burson (@jorydotcom) -Open Source & Standards Liaison at Bocoup Education

This episode is sponsored by NativeScript & This Dot Labs.

View Details

In this episode of the Modern Web podcast, our hosts Rob Ocel & Jake Dohm speak with Adam Wathan and Sarah Dayan about Utility-First CSS.

Our Guests:

Adam Wathan (@adamwathan) - Working on Tailwind CSS

Sarah Dayan (@frontstuff_io) - Sr. Software Engineer @ Algolia

This episode is sponsored by NativeScript & This Dot Labs.

View Details

In this episode of the Modern Web podcast, our hosts Rob Ocel & Jake Dohm speak with Lisi Linhart and Matias Niemelä about animations.

Our Guests:

Lisi Linhart (@lisi_linhart) - Lecturer at the University of Applied Sciences Salzburg in the Multimedia Technology course

Matias Niemelä (@yearofmoo) - Angular Core Team @ Google

Topics covered:

Types of Animations (CSS/JS/etc.)
Web Animation API
Houdini Animation Workout
Framework APIs (Vue/Angular)
Tools for building animations
Animation performance
Micro-interactions
Favorite animations

This episode is sponsored by NativeScript & This Dot Labs.

View Details

In this episode, we speak to Node mentors and mentees about the Node mentor program, an ongoing program focused on helping get more contributors into the Node ecosystem.

Our Guests:

Ahmad Bamieh (@ahmadbamieh), Software Engineer at Elastic who leads the mentor program

Benjamin Coe (@benjamincoe), Developer Programs Engineer Google and Node Collaborator

Jennifer Bland (@ratracegrad), SSR at Stanley Black & Decker

Princiya Sequeira (@princi_ya), Lead front end engineer at smartHelios

Topics covered:

What is the mentor initiative?
What have been the experiences you went through as a mentor and mentee?
How do you get involved in mentor program?
What are the metrics of success that you track for this?
What advice do you have for mentees to get the most out of a mentorship?
What can mentors do to facilitate a great mentor program?

This episode is sponsored by NativeScript & This Dot Labs.

LINKS:

https://princiya777.wordpress.com/2018/09/09/node-js-diagnostics/

https://www.youtube.com/playlist?list=PLjJlQgygxY7e_7FMBvkUFkUwIPC5vg5OL

https://medium.com/the-node-js-collection/how-i-got-into-node-jennifer-bland-3060d02654b3

https://medium.freecodecamp.org/contributing-to-open-source-is-not-hard-here-is-my-journey-to-contributing-to-nodejs-d10760e31194

https://princiya777.wordpress.com/2018/10/14/node-js-mentorship/

View Details

In this episode of the Modern Web podcast, Tracy Lee speaks with Nate Hunzaker and Philipp Spiess, two members of the React DOM team.

Topics covered:

REACT HOOKS What is hooks? Should you use it? Is it critical to your upgrade path for react? Are developers starting to refactor their applications to use hooks? Are hooks easier to learn than the class API? How does this change people learning react for the first time?

COMMUNITY Rachel Nabors joins the react core team

REACT LAZY AND REACT SUSPENSE Code splitting with react.lazy(); and react.suspense REACT FIRE How can you get involved, what is it, and what should you be expecting?

REACT DEVTOOLS Devtool updates : react.warn() and react.error()

DOCUMENTATION Documentation localization efforts - get involved!

For more podcasts, visit https://www.thisdot.co/modern-web

This episode is sponsored by NativeScript & This Dot Labs.

View Details

In this Modern Web podcast, Rob Ocel and Jake Dohm speak about the Vue.js latest updates with Chris Fritz, a Vue Core Team member.

Topics Covered: - What's new in Vue 2.6? - The new V-slot directive - The news Dynamic Directive arguments. Now we can have Dynamic event name and dynamic attribute bindings. - Why the core team prefers to write templates. - Backwards compatibility in Vue. - Differences between big releases like the upcomoing 3.0 version and 2.x versions. - Migration to newest versions. Migration guides. Documentation - The development process that the core team follows. - How the core team tries to hear their users and open the discussions. - Typescript in Vue - Vue 3.0: what changes it brings. - Vue 3.0 performance: why is half the size and twice as fast than prior version.

This episode is sponsored by NativeScript & This Dot Labs.

View Details

In this modern web podcast, Rob Ocel and Jake Dohm speak about compilers with Minko Gechev (Angular Team at Google), Kristofer Baxter (Performance expert, a Software engineer at Google) and Radoslav Kirov (TypeScript support team at Google).

Topics Covered: - What is a compiler? - WASM - UX - CSS - Accessibility - Node: Libraries: Express, nest, Ecosystem. - GraphQ - Angular Ivy - TypeScript - Parcel 2 - Animation - Utility First CSS - Performance - CSS Grid

This episode is sponsored by NativeScript & This Dot Labs.

View Details

In this modern web podcast, Rob Ocel and Tracy Lee speak to Tanmai Gopal and Uri Goldshtein about GraphQL.

Uri Goldshtein - Founder The Guild -@UriGoldshtein Tanmai Gopal - Founder @Hasura - @tanmaigo Tracy Lee - @ladyleet Rob Ocel - @robocell

Topics covered: Why is GraphQL exploding in popularity Why GraphQL isn't a fad How to get started with GraphQL What are the full-stack benefits of GraphQL How to sell GraphQL to your team How to migrate to GraphQL What happens to clients that still use your REST APIs How does GraphQL help front-end component-based architectures How can GraphQL help with real-time data How can you get involved in the GraphQL community

Show Notes: Immutable User Interfaces (Lee Byron) - Full Stack Fest 2016 https://www.youtube.com/watch?v=pLvrZPSzHxo

https://github.com/chentsulin/awesome-graphql

This episode is sponsored by NativeScript & This Dot Labs.

View Details

Welcome to another Modern Web podcast!

In this episode, Tracy Lee and Rob Ocel will be talking with the AMP team about Accelerate Mobile Pages, an open-source library created by Google that to make publishing websites easier than ever.

Ben Morss, Prateek Bhatnagar, and Kristofer Baxter will be our guests in this discussion. We talk about PWA, a11y, performance, AMP with frameworks, AMP Script and upcoming releases.

Notes:

The AMP Project is an open-source initiative aiming to make web performance better. The project enables the creation of websites and ads that are consistently fast, beautiful and high-performing across devices and distribution platforms.

-AMP pages are just web pages that you can link to and are controlled by you. It focuses on giving the best experience to your users, loading near instantaneously and performing great in mobiles devices.

-AMP builds on existing features and you can render it with user agents you already have set.

AMP official website: https://www.ampproject.org/

This episode is sponsored by NativeScript & This Dot Labs.

View Details

In this Modern Web podcast, Tracy Lee (@ladyleet) and Rob Ocel (@robocell) interview Dominic Farolino (@domfarolino) about his adventures in getting involved in browser standards and how others can get involved too.

Dominic Farolino is a WHATWG Standards Editor, Chrome Committer, Student and Software Engineer.

Topics covered: - Actually getting involved - how do you do that? What is the process? - What is the difference between the different standards bodies? - How do you get started and why should you choose to contribute to W3C, WHATWG, or TC39? - How do standards bodies work together? - Observable proposal

View Details

In this modern web podcast, Tracy Lee speaks with 2 core team members of the Angular team - Hans Larsen who leads the CLI team and Ben Lesh, author of RxJS.

Notes: - Ivy is the biggest focus on the Angular team currently. Ivy is almost done and will make things smaller and tree shakeable. - Hans is focused on schematics - a library to help you build and generate work flows. - CLI - Bazel support is a focus right now to make the CLI faster - Ng update is a smarter way to update dependencies across major versions - it will refactor your project to remove breaking changes and fix breaking changes so you won’t see something is breaking.

Topics Covered: - What does schematics enable? - What is ng add and ng update and how are people using them? - What is the future of the CLI? - Angular console

You can follow Tracy Lee on twitter @ladyleet, Hans Larsen @hanslatwork, and Ben Lesh @benlesh.

View Details

In this Modern Web podcast we will be having Stephanie Drescher and Anton Molleda Quintana talk about webhint with our hosts, Tracy Lee and Rob Ocel.

What is webhint and how can you use it?
What are some use cases for webhint?
What hints does webhint give you that are helpful?
Webhint is cross browser and cross platform, but it can be used without browsers too
Contributing to webhint - you can too!
Webhint is a JS Foundation project
How to use webhint in the community
What is coming for webhint 2019?
How can you get involved?
Learn about Nellie the Narwhal

To learn more about webhint, visit https://webhint.io/

For more Modern Web podcasts, visit https://www.thisdot.co/modern-web

This podcast is sponsored by This Dot Labs, a framework agnostic JavaScript consultancy that helps companies scale their teams. For JavaScript help, visit http://thisdot.co/labs

View Details

Join us for the Modern Web podcast featuring one of our favorite topics: Houdini.

Featuring: Surma @dassurma Aimee Knight @aimee_knight Vitalii Bobrov @bobrov1989

Your Cohosts: Tracy Lee @ladyleet Rob Ocel @robocell

Houdini is a project that has been around for a few years, but advancements have made this project increasingly interesting this year.

Topics covered: * What is houdini? * What are worklets? * How is the houdini API structured? * How does houdini work under the hood? * Where is houdini today? Where are the specs? Where are other browsers with relation to implementing houdini? * What is available for folks to contribute? The houdini task force meeting. * CSS Paint API, custom layout API, * Where is the documentation? * Where do we keep up to date on houdini apis? * How stable are the houdini apis? * Surma maintains a Google Chrome Labs repository for houdini - a great place for samples. * ishoudinireadyyet.com - great resource for specs, spec ideas, and where they are at. * Vitaliy has some great demos https://vitaliy-bobrov.github.io/css-... & https://github.com/vitaliy-bobrov/pos...

View Details

In this Modern Web podcast OJ Kwon & Ben Lesh from the RxJS core team will discuss what's new in RxJS with Tracy Lee and Robert Ocel.

Some topics covered: - What's new in the RxJS latest release - RxJS testing - what’s available today and coming for tomorrow - Support for async generators - RxJS staying framework agnostic - RxJS and Node - is there support for Node developers? - RxJS docs - A marketplace for operators? - Come contribute to RxJS

If you need RxJS help, visit https://www.thisdot.co/labs

You can follow us on Twitter: Tracy Lee @ladyleet Rob Ocel @robocell Ben Lesh @benlesh OJ Kwon @_ojkwon

View Details

Host: Tracy Lee, Co-Founder, This Dot Labs, RxJS Core Team, Google Developer Expert

Guests: Nathan Walker, Co-Founder, nStudio TJ VanToll, Developer Relations at Progress Stanimira Vlaeva, NativeScript Core Team

Description: In this episode of the Modern Web podcast, we discuss with 3 different NativeScript people about NativeScript!

We talk about: What NativeScript is. How it compares to technologies like React Native. Integration with Angular, Vue, and other technologies. NativeScript and code sharing. What's coming in the next NativeScript 5.0 release?

View Details

Modern Web Podcast on CSS

Hosts: Tracy Lee (@ladyleet) - This Dot Co-founder, RxJS Core Team, Google Developer Expert Jake Dohm (@jakedohm) - Web Developer, Triangle Javascript Organizer

Guests: Aimee Knight (@Aimee_Knight) - Software Engineer @ Built Technology, GDE Chris DeMars (@saltnburnem) - Senior UI Developer, Google Developer Expert

Topics: In this podcast, we discuss the latest features in CSS, CSS careers, and what our guests are excited about in upcoming standards.

You can follow us on twitter @moderdotweb + @thisdotmedia

View Details

Tracy Lee and Jeff Mahoney co-host this podcast and speak to Alex Castillo and Robert Plummer about Neurotech and Machine Learning.

Alex Castillo is the co-founder of Neurosity, a new neurotech startup. You can follow him on Twitter at @castillo__io.

Robert Plummer is the lead developer of Brain.js, a library that allows you to explore machine learning with JavaScript.

This podcast discusses: - What is neurotech? - What is machine learning? - How can one get involved in any of these projects? - Where are we in relation to technology advancements currently? - How do neurotech and machine learning fit together? - What is the future for these two technologies?

View Details

Modern Web Podcast on Testing with host Jay Phelps and guests Kent C Dodds and Gil Tayar.

Jay Phelps (@_jayphelps) - Lead Software Architect at This Dot, GDE Kent C Dodds (@kentcdodds) - Javascript Engineer at Paypal Gil Tayar (@giltayar) - Sr Software Architect at Applitools

Topics:

React testing utilities by Kent
How many tests should we have?
Terminology: Unit vs. Integration vs. Acceptance etc
Improving test stability
Snapshot testing
Cypress vs. Selenium
Visual testing
Storybook

Sponsored by This Dot Labs

View Details

Tracy and Ben meet with three Preact Core team members to talk about the preact-cli, upcoming releases, and the general direction of this popular library.

Hosts: Tracy Lee (@ladyleet) - This Dot Co-founder, GDE, RxJS Core team Ben Lesh (@benlesh) - Engineer at Google, Co-founder This Dot, RxJS Core team

Guests: Jason Miller (@_developit) - Creator of @preactjs. Web DevRel at Google. Zouhir Chahoud (@_zouhir) - Technical Program Manager for Edge at Microsoft Prateek Bhatnagar (@_prateekbh) - Works on Amp, User Experience Engineer at Google

View Details

Modern Web "V8" Podcast

Host:

Jay Phelps (@_jayphelps) - Support, training, pairing, mentoring, software architecting @ThisDotLabs

Guests:

Benedikt Meurer (@bmeurer) - @NodeJS Performance TL @Google, in @GoogleChrome / @v8js

Mathias Bynens (@mathias) - work on @v8js at Google and on ECMAScript through TC39

Jaroslav Sevcik - Senior Software Engineer @ Google, V8 Compiler Engineer

Follow @v8js and @moderndotweb on Twitter!

Mentioned Article:

https://developers.google.com/web/upd...

Topics:

What is V8?

How V8 has evolved over the years?

How should we write performant code for Ignition/Turbofan?

How much does Node.js influence decisions?

What cool platform/JS language features are in the pipeline?

What’s your take on WebAssembly?

What are some other uses of V8 outside of the browsers/node?

What else should everyone know?

View Details

Hosts: Tara Manicsic @tzmanics - Developer advocate at Progress/Kendo UI, GDE Deanna Leavitt @DeannaLeavitt - This Dot labs member, WTM lead, GDG Triangle co-organizer Sarah Federman @sarah_federman - Design Engineer, working on Spectrum design system at Adobe

Don't forget to buy your Fluent Conference tickets with our 20% discount code on gold, silver, and bronze passes! https://conferences.oreilly.com/fluent/fl-ca

Code: MODERN

Topics:

Representation at Conferences
Calling for conference speakers - Hiring diversely
Implicit bias testing
Ageism
Meetups
Small things that create inclusion/exclusion
Textio

View Details

Modern Web Podcast on Blockchain with Preethi Kasireddy, Nik Kalyani, Fred Schott, Kyle Simpson and Tracy Lee.

Kyle Simpson @getify - Open Web Evangelist, Founder/Owner DevGo, Inc.

Preethi Kasireddy @iam_preethi - Blockchain Engineer + Founder & CEO at Schelling

Nik Kalyani @techbubble - CTO/Founder of Whenhub + Web/Blockchain Architect

Fred Schott @FredKSchott - Frontend Engineer at Ripple, previously Google Polymer

Tracy Lee @Ladyleet - CTO of This Dot, Google Developer Expert

Topics:

How to get started in blockchain and the main concepts
What use cases are there for blockchain
What tools can you use?
Why are some people skeptical about blockchain?
Cool projects and the future of blockchain technology

View Details

Tracy Lee (@Ladyleet, Co-founder of This Dot, GDE, RxJS core team) and

Ben Lesh (@benlesh, RxJS core team, Angular core team, Co-founder of This Dot)

discuss Async React and the context API with...

Michael Jackson (@mjackson, Founder of React Training, creator of unpkg)

and Jay Phelps (@_jayphelps, RxJS core team, GDE, Chief Software Architect @ This Dot)

To learn more visit thisdot.co

View Details

Modern Web Podcast on React Native with Jay Phelps @_jayphelps

Guests:

Bent Vatne @notbrent - Front-end web/mobile developer working on Expo (https://expo.io ) and React Native

Mike Grabowski @grabbou - React Native @callstackio, member of @reactnative core team.

Eric Vicenti @EricVicenti - Open Source Entrepreneur, creator of Aven_Cloud and ReactNavigation. Formerly Facebook OpenSource ReactNative

Ken Wheeler @ken_wheeler - Director of OSS at FormidableLabs

Topics:

What is React Native?
When you should (or shouldn't) use it
What is Expo?
Gesture support on Native vs web
What is Flutter and Dart?
How Flutter/Dart compare to React Native

View Details

In this Modern Web Podcast Tracy Lee (@ladyleet) & Ben Lesh (@benlesh) ask questions regarding “What’s going on in VR?” with guests Aysegul Yonet (@AysSomething) and Martin Splitt (@g33konaut).

Hosts:

Tracy (@ladyleet) - RxJS core team, Google Developer Expert, co-founder This Dot Labs

Ben (@benlesh) - RxJS core team, engineer at Google, RxWorkshop

Guests:

Aysegul Yonet (@AysSomething) - Senior Angular Engineer at Narwhal Technologies Inc, GDE

Martin Splitt (@g33konaut) - Senior software engineer @ Archilogic3D

Topics/Questions:

How to get started in VR.
Equipment you need to get started.
Practical applications of VR.
Where is VR used now?
Difference between Unity and VR
VR standards

Places you can get started: vizor.io play.autodesk.com aws.amazon.com/sumerian

Where to find 3D content - poly.google.com vr.google.com/blocks

Art installation in Zurich - Birdly - http://iad.zhdk.ch/en/projects/birdly/

To learn more visit www.thisdot.co

Follow today's members on twitter! @Ladyleet, @Benlesh, @AysSomething, @g33konaut, @moderndotweb

Listen to more podcasts at http://moderndotweb.com

View Details

In this Modern Web Podcast Jennifer Luker and Necoline Hubner discuss CSS Grid with Rachel Andrew.

Hosts: Jen Luker @knitcodemonkey - Lead software engineer with Deseret Digital Media Necoline Hubner @Necolinesan - Software Developer at Google Fiber (Adecco)

Guest: Rachel Andrew @rachelandrew - Web Dev, Co-founder of CMS Perch, CSS Working Group Invited Expert. Smashing Mag Editor in Chief.

Topics Discussed: - History of CSS Grid - Benefits of using CSS grid - Browser compatibility and overcoming pain points of transitioning to CSS grid - Accessibility in grid layout - Future of grid

https://www.smashingmagazine.com/2017/11/css-grid-supporting-browsers-without-grid/

https://rachelandrew.co.uk/css/cheatsheets/grid-fallbacks

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid_Layout_and_Accessibility

To learn more visit thisdot.co

Listen to more podcasts @ moderndotweb.com

View Details

In this Modern Web Podcast Tierney Cyren (NodeSource), Tara Manicsic (Progress Developer Advocate for KendoUI, GDE), and Simona Cotin (Developer Advocate at Microsoft) discuss developer relations with Tracy Lee (GDE, This Dot Co-founder).

Topics covered:

What is developer relations?

What are some of the different types of developer relations?

How do you balance all the tasks as devrel people?

Is Developer Relations an easy job?

How are you effectively measured in your job?

To learn more visit www.thisdot.co

Follow @bitandbang, @TZMANICS, @simona_cotin, @ladyleet & @moderndotweb on Twitter!

Listen to more podcasts at http://moderndotweb.com

View Details

In this Modern Web Podcast Tracy Lee (@ladyleet) and Ben Lesh (@benlesh) speak with guests Jake Archibald (@jaffathecake) and Jay Phelps (@_jayphelps) to talk about upcoming proposals in TC39 and WHATWG.

Proposals discussed: EventTarget Observable Proposal in WHATWG Observable Proposal in TC39 https://github.com/tc39/proposal-observable

BigInt Proposal in TC39 https://github.com/tc39/proposal-bigint

Structure Cloning in WHATWG https://github.com/whatwg/html/issues/793

Pipeline operator in TC39 https://github.com/tc39/proposal-pipeline-operator

Other topics: How to get involved if you care about a proposal What Ben looks like with yogurt on his nose Tracy’s BF said “let’s git committed!"

To learn more visit www.thisdot.co

http://moderndotweb.com

View Details

In this Modern Web Podcast This Dot Labs CTO, Taras Mankovski @tarasm, discusses State Management with guests...

Charles Lowell @cowboyd (Frontside),

Michel Weststrate @mweststrate (Mobx),

and Tim Dorr @timdorr (React, Redux Router)

Topics covered:

MobX tracking changes in objects
Redux changes to accommodate async rendering in React
Best practices around batch operations in Redux
Immer.js

To learn more visit www.thisdot.co

View Details

In this Modern Web podcast Necoline Hubner discusses the web accessibility with Jen Luker.

Topics covered:

-What is accessibility

-How to write more accessible code

Follow Necoline and Jen on Twitter @necolinesan and @knitcodemonkey

Listen to more podcasts at http://moderndotweb.com

ESPN a11y guide: http://www.espn.com/core/toolkit/page/webAccessibilityGuide

checklist: https://a11yproject.com/checklist.html

a11y es-lint plugin: https://www.npmjs.com/package/eslint-plugin-jsx-a11y

http://styling-react-for-reuse.surge.sh/#/8

gov specs: https://www.usability.gov/what-and-why/accessibility.html

View Details

In this Modern Web podcast 4 JavaScripters discuss WebAssembly.

Sean Larkin (@thelarkinn), core team member webpack

Jay Phelps (@_jayphelps), co-author redux-observable, wasm enthusiast, compiler freak

Tracy Lee (@ladyleet), RxJS core team, Google Developer Expert, co-founder This Dot Labs

Ben Lesh (@benlesh), RxJS core team, engineer at Google, RxWorkshop

Topics covered:

- Should you care about WebAssembly? - How is webpack involved with WebAssembly? - What can you do now with wasm? - How is the wasm spec being formed and advancing? - How can you get involved with wasm?

Listen to more podcasts at http://moderndotweb.com or find more events, content, and more at http://thisdot.co

View Details

In this Modern Web podcast Ben Lesh discusses the future of RxJS with Tracy Lee.

Topics covered:

Decreasing the bundle size of RxJS
Implementing new operators
Lettable operators
A more functional RxJS
Using RxJS in frameworks

To learn RxJS, visit http://reactivex.io/rxjs. Follow Ben and Tracy on Twitter @benlesh and @ladyleet Listen to more podcasts at http://moderndotweb.com

View Details

Making and accepting payments on the web is quite cumbersome.

Thankfully, the new Payment Request API and vendors like Apple and Stripe make the implementation simple and secure. Molly Dalton and Zach Koch, who work closely with Edge, Chrome and the Payment Request API, join us to discuss how to use this new standard for seamless payments on the web.

Panelists

Molly Dalton @mollyadalton

Zach Koch @zachk

Host

Ray Shan @rayshan https://shan.io

Links

W3C Payment Request API

https://w3c.github.io/browser-payment-api/

W3C Technical Report Development Process with various stages

https://www.w3.org/2017/Process-20170301/#recs-and-notes

Microsoft Edge

https://www.microsoft.com/en-us/windows/microsoft-edge

Google Chrome

https://www.google.com/chrome/

Apple Pay JS

https://developer.apple.com/reference/applepayjs/

Stripe

https://stripe.com/

Authorize.Net

https://www.authorize.net/

Firefox Payment Request API implementation tracking

https://bugzilla.mozilla.org/show_bug.cgi?id=1318984

Washington Post integrates Payment Request API

https://www.washingtonpost.com/pr/wp/2016/09/28/the-washington-post-expands-mobile-payment-options-to-include-chromes-service/

Payment request integration guides

Google guide

https://developers.google.com/web/fundamentals/discovery-and-monetization/payment-request/

Mozilla guide

https://developer.mozilla.org/en-US/docs/Web/API/Payment_Request_API

Microsoft guide

https://docs.microsoft.com/en-us/microsoft-edge/dev-guide/device/payment-request-api

Live Payment Request API demos from Microsoft

https://developer.microsoft.com/en-us/microsoft-edge/testdrive/demos/paymentrequest/

Google I/O 2017 - The future of web payments

https://www.youtube.com/watch?v=hU89pPBmhds

What’s new in Microsoft Edge in the Windows 10 Creators Update

https://blogs.windows.com/msedgedev/2017/04/11/introducing-edgehtml-15/

Simpler web payments: Introducing the Payment Request API

https://blogs.windows.com/msedgedev/2016/12/15/payment-request-api-edge

Simplify payments in UWP Apps with the Payment Request API from Microsoft

https://blogs.windows.com/buildingapps/2017/03/28/simplify-payments-uwp-apps-payment-request-api-microsoft

View Details

Leo Balter is a software engineer at Bocoup and an active member of the TC39 technical committee. If you are unfamiliar with TC39, it is the governing body for Javascript standards.

TC39 members include individuals from Google, Netflix, Facebook, Yahoo and many others. Leo is among these individuals and attends committee meetings as a representative of the JS Foundation.

Leo and Tracy discuss topics of societal barriers, exclusion of minorities, and sexism. Many of these topics surface as deterrents to individuals who want to be involved in the tech world but feel as if they are unable to do so well.

Leo’s talks about his experience being a Brazilian male entering a male dominated, Caucasian world and how this inspired him to want to promote greater diversity within the TC39 community.

Highlighted are the importance and benefits of having a wide range of diversity coming together to further the advancement of technology.

TC39

https://github.com/tc39

Bocoup

https://bocoup.com/

Leo Balter Twitter

https://twitter.com/leobalter

Leo Balter Github

https://github.com/leobalter

View Details

Topic

Vue.js with creator Evan You and Sarah Drasner

Summary

Vue.js is a JavaScript UI framework built to be approachable, versatile and performant. Its creator Evan You and the award winning writer of CSS-Tricks Sarah Drasner join us to discuss the creation of Vue.js, the beginner learning curve, how it handles data and animations, and how it differs from Angular and React.

Panelists

Evan You @youyuxi http://evanyou.me/

Sarah Drasner @sarah_edo https://sarahdrasnerdesign.com/

Host

Ray Shan @rayshan https://shan.io

Links

Vue.js

https://vuejs.org/

Angular

https://angular.io/

Laravel

https://laravel.com/

Object.defineProperty()

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty

Getter / setters in JavaScript

http://speakingjs.com/es5/ch17.html#getters_setters

http://exploringjs.com/es6/ch_classes.html#_getters-and-setters

Animations in Angular

https://angular.io/docs/ts/latest/guide/animations.html

React Motion

https://github.com/chenglou/react-motion

Redux

http://redux.js.org/

Vuex

https://vuex.vuejs.org/

MobX

https://mobx.js.org/

RxJS

http://reactivex.io/

Ben Lesh

https://twitter.com/BenLesh

Chris Fritz

https://github.com/chrisvfritz

Evan’s Patreon

https://www.patreon.com/evanyou

Sarah’s CodePen

http://codepen.io/sdras/

Upcoming VueConf in Poland, June 2017

https://conf.vuejs.org/

View Details

Topic

Accessibility on the Web

Summary

This episode is all about web accessibility. We’re joined by Rob Dodson, developer advocate at Google, and Alice Boxhall, software engineer at Google. We talk about why accessibility matters to everyone, even beyond people with disabilities. We dive into the implementation details, such as navigation, semantics and styling, based on Rob and Alice’s Web Accessibility course. We explore various guidelines and learning resources to improve your design and implementation.

Panelists

Rob Dodson @rob_dodson

Alice Boxhall @sundress

Host

Ray Shan @rayshan https://shan.io

Links

Web Content Accessibility Guidelines (WCAG) 2.0

https://www.w3.org/TR/WCAG20/

U.S. Section 508 of the Rehabilitation Act

https://www.section508.gov/

Free Udacity Web Accessibility course by Google

https://www.udacity.com/course/web-accessibility--ud891

tabindex attribute

https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex

Heydon Pickering

http://www.heydonworks.com/

Inclusive Design at Microsoft

https://www.microsoft.com/en-us/design/inclusive

Webkit no longer respects user-scalable=no

https://webkit.org/blog/7367/new-interaction-behaviors-in-ios-10/

Testing tools

aXe / axe-cli

https://github.com/dequelabs/axe-core

https://github.com/dequelabs/axe-cli

WAVE

http://wave.webaim.org/

tota11y

http://khan.github.io/tota11y/

Lighthouse for progressive web apps

https://developers.google.com/web/tools/lighthouse/

Accessibility tools in Chrome DevTools

https://www.youtube.com/watch?v=pBJZsp5LsOE

macOS VoiceOver

https://help.apple.com/voiceover/info/guide/10.12/

NVDA (NonVisual Desktop Access)

https://www.nvaccess.org/

Learning Resources

Google Developers - Web Fundamentals - Accessibility

https://developers.google.com/web/fundamentals/accessibility/

A11ycasts

https://www.youtube.com/watch?v=g9Qff0b-lHk&list=PLNYkxOF6rcICWx0C9LVWWVqvHlYJyqw7g

WebAIM and its mailing list

http://webaim.org/

Web Accessibility Slack

https://web-a11y.herokuapp.com/

Accessible Rich Internet Applications (WAI-ARIA) specs and Authoring Practices

https://www.w3.org/TR/wai-aria/

https://www.w3.org/TR/wai-aria-practices-1.1/

Good accessibility reference implementations

Bootstrap http://v4-alpha.getbootstrap.com/getting-started/accessibility/

Medium https://medium.com/

Apple https://www.apple.com/

GitHub https://github.com/

Accessibility Wins

https://a11ywins.tumblr.com/

View Details

Topic

The What, Why and How of Web Analytics

Summary

Calvin French-Owen, CTO of Segment, and Andy Elliott, business analyst at Google, join us to discuss analytics. We talk about what business metrics to measure and how to select analytics vendors for businesses large and small. We also discuss the technical challenges of analytics instrumentation, such as measuring web apps vs. websites, automation and data schema design.

Panelists

Calvin French-Owen @calvinfo http://calv.info

Andy Elliott https://www.linkedin.com/in/andrewwelliott

Host

Ray Shan @rayshan https://shan.io

Links

Segment

https://segment.com/

Google Analytics

https://www.google.com/analytics/#?modal_active=none

Mixpanel pushing for meaningful metrics beyond pageviews

http://allthingsd.com/20121217/andreessen-and-mixpanel-call-for-an-end-to-bullshit-metrics/

Adobe Analytics (Omniture)

http://www.adobe.com/marketing-cloud/web-analytics.html

Amplitude

https://amplitude.com/

Customer.io

https://customer.io/

Amazon Redshift

https://aws.amazon.com/redshift/

Google BigQuery

https://cloud.google.com/bigquery/

Automated instrumentation

Google Analytics autotrack

https://github.com/googleanalytics/autotrack

Heap

https://heapanalytics.com

Coverage on “data lake”

https://martinfowler.com/bliki/DataLake.html

http://www.pwc.com/us/en/technology-forecast/2014/cloud-computing/features/data-lakes.html

View Details

In this episode, Stephen Fluin (@stephenfluin), Angular core team member and Tracy Lee (@ladyleet) interview Alex Castillo (@castillo__io) and Uri Shaked (@urishaked) on unique and interesting projects utilizing Angular (2).

With these two pushing the edge on what is possible with JavaScript and as speakers on the upcoming ngcruise, listen in to hear about IoT, neurojavascript, and Angular.

Guests

Alex Castillo (@castillo__io)

Uri Shaked (@urishaked)

Hosts

Tracy Lee (@ladyleet)

Stephen Fluin (@stephenfluin)

Find more podcasts, videos, trainings and online conferences at http://modern-web.org or follow us on Twitter @moderndotweb.

View Details

Summary

James Long, Mozilla, speaks to us about developer tooling in this podcast. What is the state of firefox tooling? How was the migration of firefox developer tools to react? What are some upcoming features in firefox like reverse debugging?

We discuss other topics such as browsers standardizing on the chrome debugging protocol, redux-observable, redux middleware, error trapping issues with promises, and implications in the observable spec.

Panelists

James Long @jlongster

Ben Lesh @benlesh

Tracy Lee @ladyleet

View Details

Summary

Benoit Marchant, create of the Montage Framework, and Andy Matuschak, UIKit engineer, researcher and head of mobile engineering at Khan Academy, join us to discuss UI components. We reminisce Benoit and Andy’s extensive history of web and native engineering at Apple. We debate various challenges and best practices of component reusability, encapsulation, gestures, data binding, and collaboration between engineers and designers.

Panelists

Benoit Marchant @benoitmarchant

Andy Matuschak @andy_matuschak https://andymatuschak.org/

Host

Ray Shan @rayshan https://shan.io

Links

WebObjects

https://en.wikipedia.org/wiki/WebObjects

Montage Framework

http://montagestudio.com/montagejs/

UIKit gesture recognizers

https://developer.apple.com/library/content/documentation/EventHandling/Conceptual/EventHandlingiPhoneOS/GestureRecognizer_basics/GestureRecognizer_basics.html

Gestures in React Native

https://facebook.github.io/react-native/docs/handling-touches.html

https://facebook.github.io/react-native/docs/gesture-responder-system.html

WebComponents

http://webcomponents.org/

Elm

http://elm-lang.org/

Khan Academy Long-Term Research

http://klr.tumblr.com/

View Details

In this episode of the Modern Web podcast - Ben Lesh stars as the Jerry Springer of JavaScript stirs things up with the Polymer team Monica Dinculescu and Fred Schott with hard questions about louder voices representing Polymer on twitter and the reasoning behind perceived abrasiveness.

Thankfully, no one gets pregnant in this episode and hard conversations are all in jest. The meat of this podcast is centered around the difference between Polymer and web components, composable components nested inside svg, where browsers are in supporting native custom elements, web components versus frameworks, the concept of using the platform, using Polymer in frameworks like Angular 2, the progression of the polymer-cli.

Find more podcasts, videos, trainings and online conferences at http://modern-web.org or follow us on Twitter @modernweb_.

View Details

We talk to Shirley Wu and Nadieh Bremer, long-time members of the D3 and data visualization communities, about their latest collaboration DataSketches and building data visualization using web technologies.

Panelists

Shirley Wu @sxywu http://sxywu.com/

Nadieh Bremer @NadiehBremer http://www.visualcinnamon.com/

Hosts

Tracy Lee @ladyleet

Ray Shan @rayshan https://shan.io

Links

Data Sketches http://www.datasketch.es/

Bay Area d3 User Group http://www.meetup.com/Bay-Area-d3-User-Group/

D3.unconf, an annual D3-focused conference http://visfest.com/d3unconf-2016/

Using Pinterest to collect inspiration https://www.pinterest.com/nadiehbremer/

R for data processing https://www.r-project.org/

Linear Digressions podcast - What's the biggest #bigdata? http://lineardigressions.com/episodes/2016/7/30/whats-the-biggest-bigdata

Create React App to quickly bootstrap a data visualization project using React https://github.com/facebookincubator/create-react-app

Mike Bostock, author of D3, and his visualization work on New York Times https://bost.ocks.org/mike/

D3 4.0 with improved force layout and modularity https://github.com/d3/d3/releases/tag/v4.0.0

Charting libraries

Highcharts http://www.highcharts.com/

NVD3, built on top of D3 http://nvd3.org/

View Details

Michael Jackson, Stephen Rivas Jr, and Jay Phelps discuss React and other front end frameworks at React Rally.

Topics covered:

Create-react-app
How using ember prior to react has affected the thinking behind working on react
React trainings
Building complex react apps
Webpack vs Rollup
HistoryJS (react history)
How you should approach open source projects
React Router v4
Early mistakes in the early router
Previews some of the changes happening with react router and react history. -Integration of redux with react router and react history
React Router 4
Sate management in react

Find more podcasts, videos, trainings and online conferences at http://modern-web.org or follow us on Twitter @modernweb_.

View Details

Tracy Lee interviews Ben Lesh at React Rally. They discuss the React community compared to other JavaScript communities, which they boil down to being very similar to a “choose-your-own-adventure”.

Important things to note in this podcast: The benefits and costs of new ES2015 features, Node’s position in the JavaScript ecosystem and how TC39 standards are affecting the node ecosystem, senior developers mentoring and making junior developers feel comfortable, the promises spec and cancellation tokens with observables.

Other topics: how React trainings differ from Angular or Ember trainings, the new create-react-app and why it’s so amazing, the new screencast site Yolobrolo, and why @godtributes is the most amazing twitter bot ever.

Ben also might have said that Dan Abramov is a React superstar, but you’ll have to listen to be sure. Tracy called out Ben on not wearing the hat that Sam Saccone’s mother purchased him.

Find more podcasts, videos, trainings and online conferences at http://modern-web.org or follow us on Twitter @modernweb_.

View Details

Modern Web sits down with Devon Lindsey (@devonbl), Sarah Drasner (@sarah_edo), James Kyle (@thejameskyle), and Katherine Poulter (@katpoulter) at React Rally (@reactrally).

Our main goal was to put them in power ranger outfits, but you’ll have to watch that on Youtube. Listen as they discuss the benefits of being an individual technical contributor versus taking the management route. The four share their views on the excitement of being a JavaScript developer, learning new technologies and how the trend of openly sharing code has helped speed up the evolution of OSS and technology. Other topics discussed are companies giving engineers time for open source projects, how awesome the React community is at being nice to each other, and how conferences help you get to know community leaders better.

Find more podcasts, videos, trainings and online conferences at http://modern-web.org or follow us on Twitter @modernweb_.

Modern Web: Recent Episodes

Tracy Lee