Rubber Ducking
25 episodes - English - Latest episode: almost 3 years ago - ★★★★★ - 5 ratingsOn Rubber Ducking, Spencer Miskoviak, Chris Schmitz & guests discuss their development experience, excitements, and challenges with React, TypeScript, JavaScript, Design Systems, and anything else that might be relevant.
Homepage Apple Podcasts Google Podcasts Overcast Castro Pocket Casts RSS feed
Episodes
Scaling Frontend Development w/ Gary Justin
June 07, 2021 07:00 - 41 minutes - 37.6 MBAccelerate Nx lerna yarn workspaces bazel rush
Transitional ESLint Configs w/ Jeff Auriemma
November 02, 2020 14:00 - 37 minutes - 34.4 MBUsing Git to run ESLint on changed files in a feature branch - by Jeff Auriemma react-i18next eslint-plugin-i18next PurgeCSS UnCSS PurifyCSS Jeff Auriemma Blog: jdauriemma.com GitHub: github.com/bignimbus
Top 10 ESLint plugins for React and TypeScript
October 25, 2020 18:17 - 22 minutes - 20.8 MBeslint-plugin-react @typescript-eslint/eslint-plugin eslint-plugin-prettier eslint-config-prettier eslint-plugin-jsx-a11y eslint-plugin-react-hooks eslint-plugin-testing-library eslint-plugin-jest-dom eslint-plugin-import eslint-plugin-react-redux Tools for an evolving Design System - use cases for custom linting rules.
Workspaces, Build Times & Componentization
June 22, 2020 10:00 - 31 minutes - 29.3 MBYarn workspaces babel-loader react-fast-refresh-webpack-plugin speed-measure-webpack-plugin sass (Dart SASS) webpack DLL Plugin Make more things into components
TypeScript Tooling & Spacing in Design Systems
May 10, 2020 21:03 - 40 minutes - 37.2 MBESLint Cache Rethinking Design Practices - React Conf AU react-hot-loader Braid Design System
Apollo with TypeScript
May 06, 2020 00:11 - 25 minutes - 23.4 MBIn this episode, Chris and Spencer discuss using Apollo and tooling to work with TypeScript to generate type definitions based on the schema, using the schema for mocking in testing, and more. Show Notes GraphiQL apollo-tooling used for codegen
Server-side Rendering with React
October 21, 2019 14:00 - 18 minutes - 15.8 MBThis episode, Chris and Spencer discuss server-side rendering with React and TypeScript along with the challenges of incorporating other libraries.
Robin Lim on Engineering Management
August 19, 2019 12:00 - 38 minutes - 34.8 MBThis week Robin Lim joins Chris and Spencer to discuss engineering management and his path from a software engineer, to an engineering manager and currently a director of engineering.
Getting started with Code Splitting
July 29, 2019 11:00 - 24 minutes - 21.9 MBFollowing up on previous discussions, Chris and Spencer discussion the early work to adopt code splitting with React, TypeScript, and webpack. Show Notes TSConfig module (esnext/commonjs) TSConfig removeComments webpack splitChunks config React.lazy / React.Suspense
Decoupling webpack from Rails
July 04, 2019 13:00 - 14 minutes - 13.1 MBThis episode Chris and Spencer discuss efforts to "decouple" webpack from the Rails Asset Pipeline by implementing a lighter version using webpack plugins and a few Rails helpers. Show Notes webpack Rails Asset Pipeline Sprockets Squeezing Webpack into backend frameworks
Frontend Performance Metrics
June 03, 2019 13:00 - 20 minutes - 17.7 MBOn this episode, Chris & Spencer discuss starting to collect frontend performance metrics and the different metrics that can be collected. Google Web Fundamentals First Paint Time to Interactive tti-polyfill First Input Delay Turbolinks Rails Asset Pipeline
Maximizing the value of Design Systems
May 20, 2019 14:00 - 23 minutes - 21.6 MBIn this episode, Chris & Spencer discuss approaches for maximizing the value of a design system for product, design, engineering, and other stakeholders. Covering how it can fit into the product development life-cycle and how to think about [1] using the system as is, [2] modify the system, or [3] one-off the implementation (avoid the system). styled-components Reach UI Lerna
What belongs in Redux?
April 15, 2019 14:00 - 24 minutes - 22.8 MBA quick follow-up to the previous experimentation episode, and a more in-depth discussion around "what belongs in Redux?", the evolution of thoughts around it and athe lessons learned around a bad abstraction Spencer wrote. Show Notes Episode 11 - Experimentation and Feature Rollouts Episode 4 - Scaling Redux redux-form
Generating type definitions for CSS Modules
March 11, 2019 14:00 - 29 minutes - 27.4 MBIn this episode, Chris & Spencer discuss code generation specifically around using CSS Modules, SASS and TypeScript to add additional type-safety when referencing class names using the typed-scss-modules package. Show Notes typed-scss-modules Generating TypeScript definitions for CSS Modules using SASS Creating a CLI with TypeScript CSS Modules VSCode Extension cooky-cutter object factories typed-css-modules TypeScript esModuleInterop Apollo tools foreman Rubber Ducking Episode 2:...
Experimentation and Feature Rollouts
February 20, 2019 15:00 - 28 minutes - 26.3 MBThis episode, Chris & Spencer discuss feature rollouts, experimentation toggles, tracking, specific components and consuming the toggles on the client. Show Notes LaunchDarkly Fullstory Segment
React testing library and the future of Yarn
January 30, 2019 15:00 - 37 minutes - 34.4 MBIn this episode, Chris & Spencer discuss testing our design system components with react-testing-library and the recent news of Yarn being rewritten in TypeScript (along with other features and changes). Show Notes Yarn's Future - v2 and beyond Mocha Chai Enzyme Rubber Ducking Publication on Medium react-testing-library Jest RRU 043: Testing React Apps Without Testing Implementation Details with Kent C. Dodds Capybara Mocking CSS Modules with Jest
Querying Client Data
January 23, 2019 15:00 - 24 minutes - 23 MBThis episode, Chris & Spencer discuss querying (selecting) data on the client, how they use reselect with Redux, and the pros/cons they experienced when initially adopting it up to today. Show Notes Episode 4: Scaling Redux reselect
Domain Driven Services with GraphQL
January 17, 2019 15:00 - 26 minutes - 24.3 MBOn this Episode, Chris & Spencer discuss recent efforts migrating from a monolith to domain-driven services, replicating data with Google PubSub, creating a GraphQL endpoint and consuming that endpoint with React, Apollo and TypeSript. Show Notes Adopting GraphQL and Transitioning to Domain-Driven Services PubSub GraphQL graphql-ruby React Apollo Apollo TypeScript Definitions Generator GraphQL Introspection
Migrating a Design System to its own Repository
December 14, 2018 15:00 - 55 minutes - 51.2 MBIn this episode, Chris & Spencer discuss their current efforts to migrate the design system (components, colors, typography, etc.) to a dedicated repository covering the various tooling and processes around publishing a package to a private registry, testing, linting, documentation and automated releasing with semantic-release. Show Notes Migrating a design system to a dedicated repository - Medium MDX Docz CODEOWNERS semantic-release commitlint commitizen yarn link
Typing All the Things
November 30, 2018 15:00 - 23 minutes - 22.9 MBreselect for selectors Normalizing data with normalizr TypeScript's ReturnType using type conditionals The previous package we used for object factories: rosiejs Spencer's package for object factories: cooky-cutter
Brad Turner on Managing Colors in Design Systems
November 16, 2018 16:00 - 45 minutes - 41.8 MBBrad Turner (the first guest!) joins Chris & Spencer on this episode to discuss recent changes in the colors in Handshake's Design System, the decision process and how the color system was developed. Brad’s Colors App Brad’s Twitter Lyft Color System
Scaling Redux
November 08, 2018 15:00 - 45 minutes - 42.1 MBOn this episode of Rubber Ducking, Chris & Spencer discuss their experience using Redux in the context of React and TypeScript. redux A Philosophy of Software Design (Book) normalizr reselect Scaling data selection on the client react-redux redux-logger Redux Devtools redux-form
React Hooks
November 01, 2018 18:00 - 35 minutes - 33.7 MBChris and Spencer discuss the recent release of React Hooks and speculate on what it means for day-to-day development on feature work, what might change and potential pros and cons of different scenarios. Making Sense of React Hooks by Dan Abramov React Hooks and Suspense videos by Kent C. Dodds Example showing concerns color-coded React Hooks Documentation React Conf 2018 React Hooks type definitions closed in favor of this Pull Request React v16.6.0 release blog post
Principles of Component API Design
October 18, 2018 15:00 - 35 minutes - 32.2 MBChris and Spencer discuss the Principles of Component API Design (or Prop Design) and lessons they've learned while creating components. Principles of Component API (Prop) Design Make Impossible States Impossible Using component dot notation with TypeScript to create a set of components Building the Next Generation of Search at Handshake