Using Git to run ESLint on changed files in a feature branch - by Jeff Auriemmareact-i18nexteslint-plugin-i18nextPurgeCSSUnCSSPurifyCSSJeff AuriemmaBlog: jdauriemma.comGitHub: github.com/bignimbus

Top 10 ESLint plugins for React and TypeScript

Oct 25th, 2020 22m 40s

eslint-plugin-react@typescript-eslint/eslint-plugineslint-plugin-prettiereslint-config-prettiereslint-plugin-jsx-a11yeslint-plugin-react-hookseslint-plugin-testing-libraryeslint-plugin-jest-domeslint-plugin-importeslint-plugin-react-reduxTools

Workspaces, Build Times & Componentization

Jun 22nd, 2020 31m 58s

Yarn workspacesbabel-loaderreact-fast-refresh-webpack-pluginspeed-measure-webpack-pluginsass (Dart SASS)webpack DLL PluginMake more things into components

TypeScript Tooling & Spacing in Design Systems

May 10th, 2020 40m 40s

ESLint CacheRethinking Design Practices - React Conf AUreact-hot-loaderBraid Design System

Apollo with TypeScript

May 6th, 2020 25m 33s

In 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 NotesGraphiQLapollo-tooling used for codegen

Server-side Rendering with React

Oct 21st, 2019 18m 56s

This 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

Aug 19th, 2019 38m 3s

This 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

Jul 29th, 2019 24m 4s

Following up on previous discussions, Chris and Spencer discussion the early work to adopt code splitting with React, TypeScript, and webpack.Show NotesTSConfig module (esnext/commonjs)TSConfig removeCommentswebpack splitChunks configReact

Decoupling webpack from Rails

Jul 4th, 2019 14m 18s

This 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 NoteswebpackRails Asset PipelineSprocketsSqueezing Webp

Frontend Performance Metrics

Jun 3rd, 2019 20m 54s

On this episode, Chris & Spencer discuss starting to collect frontend performance metrics and the different metrics that can be collected.Google Web FundamentalsFirst PaintTime to Interactivetti-polyfillFirst Input DelayTurbolinksRails A

Maximizing the value of Design Systems

May 20th, 2019 23m 27s

In 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]

What belongs in Redux?

Apr 15th, 2019 24m 11s

A 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 NotesEpisode 1

Generating type definitions for CSS Modules

Mar 11th, 2019 29m 37s

In 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 Notestyped-scss-modulesG

Experimentation and Feature Rollouts

Feb 20th, 2019 28m 29s

This episode, Chris & Spencer discuss feature rollouts, experimentation toggles, tracking, specific components and consuming the toggles on the client.Show NotesLaunchDarklyFullstorySegment

React testing library and the future of Yarn

Jan 30th, 2019 37m 16s

In 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 NotesYarn's Future - v2 and beyond

Querying Client Data

Jan 23rd, 2019 24m 49s

This 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 NotesEpisode 4: Scaling Reduxreselect

Domain Driven Services with GraphQL

Jan 17th, 2019 26m 28s

On 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 Not

Migrating a Design System to its own Repository

Dec 14th, 2018 55m 38s

In 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 reg

Typing All the Things

Nov 30th, 2018 23m 59s

reselect for selectorsNormalizing data with normalizrTypeScript's ReturnType using type conditionalsThe previous package we used for object factories: rosiejsSpencer's package for object factories: cooky-cutter

Brad Turner on Managing Colors in Design Systems

Nov 16th, 2018 45m 24s

Brad 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 AppBrad’s TwitterLyft Color

Scaling Redux

Nov 8th, 2018 45m 23s

On this episode of Rubber Ducking, Chris & Spencer discuss their experience using Redux in the context of React and TypeScript.reduxA Philosophy of Software Design (Book)normalizrreselectScaling data selection on the clientreact-reduxre

React Hooks

Nov 1st, 2018 35m 51s

Chris 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 Abra

Code Generators

Oct 29th, 2018 33m 18s

Rails GeneratorsHygen Generators

Principles of Component API Design

Oct 18th, 2018 35m 7s

Chris 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) DesignMake Impossible States ImpossibleUsing component dot notation wi

Rate