Connect.Tech 2021
2021-11-08..2021-11-10
-- online --
[Connect.Tech 2018, Connect.Tech 2021, Connect.Tech 2022, Connect.Tech 2024]
| title | author | length |
|---|---|---|
| Scaling Monorepos | Jonathan Creamer | 50m |
Argues monorepos are not monoliths and are worth it when teams need atomic changes across packages; describes concrete tools and wins: Microsoft forked Git… | ||
| Don't Solve Problems, Eliminate Them | Kent C. Dodds | 47m |
Argues that avoiding or eliminating problems beats solving them, then shows concrete switches that did it: replacing class components with use hooks to… | ||
| Super Simple Start to Remix | Kent C. Dodds | 58m |
A hands‑on walkthrough that actually builds a tiny jokes app from zero: installs react react‑dom react‑router‑dom and remix run dev plus remix run… | ||
| Streamlined Form Management in React with Formik | Dmitry Pashkevich | 29m |
Shows how Formik replaces manual controlled-state and event handlers with context hooks (useField, useFormikContext) and schema validation via Yup integration… | ||
| Building Reusable Components ... That Are Actually Reusable | Cory House | 46m |
Explains why reusable component libraries require dedicated staff and concrete choices: started from open‑source (Material UI / React Bootstrap / Ant Design)… | ||
| To Truly Understand Jamstack, Forget the JAM | Brian Rinaldi | 42m |
Argues the real difference in Jamstack is when pages render, not the buzzwords, and demonstrates concrete strategies: use static-first pre-rendering for most… | ||
| Blitz The Fullstack React Framework | Brandon Bayer | 53m |
Blitz is a Next.js fork that replaces REST/GraphQL with a zero API data layer where server functions become RPC endpoints and are imported directly into React… | ||
| career.grow () | Anastasiya Flynn | 01h 00m |
Compares concrete career tradeoffs with numbers — e.g. 80k vs 100k tradeoff where higher pay can come with less influence — and warns that repeated 10k raises… | ||
| Refactoring Your Way Up | Adrianna Valdivia | 28m |
Finds and fixes duplicated network calls across CRM UI components, removes dead code from an Angular 1.6 → React migration, and replaces repeated fetch logic… | ||
| Webmentations + Eleventy | Sia Karamalegos | 40m |
Static Eleventy site fetches and renders webmentions at build time using webmention.io and Bridgy, storing them in a persistent cache folder on Netlify and… | ||
| How to Organize an Angular Project | Sergio Brito | 35m |
Advocates splitting every feature into local libraries and mapping code by domains, using an NX monorepo to manage sharing, CI and per-folder builds; reports a… | ||
| Brick by Brick What Lego Taught Me About Great APIs | Ray Gesualdo | 34m |
Assembles a Star Wars AT-ST from a Lego kit to argue that five concrete practices make better APIs: clear, step-by-step documentation (paper manual plus a… | ||
| Performant and Accessible Angular Apps as PWAs | Patricio Vargas | 41m |
Angular projects get PWA features by running ng add @angular/pwa, which adds a service worker package, a manifest and an ngsw.json where caching strategies… | ||
| Deep Dive into Angular Builders | Mike Hartington | 41m |
Shows how to write three concrete Angular builders: a small command builder that spawns child_process to run arbitrary CLI commands (used to ls, cowsay, pass… | ||
| Mobile App Development Ionic, React Native, and JHipster | Matt Raible | 53m |
JHipster generates full-stack apps (Spring Boot back ends, React/Angular/Vue front ends, Quarkus/Micronaut and NestJS options) and I see a working… | ||
| Making a Strong Case for Accessibility | Todd Libby | 50m |
Web accessibility is failing at scale: the WebAIM Million finds 51+ million errors across a million home pages, and common fixes are ignored. Start projects… | ||
| Ionic Angular vs Native Mobile Development | Madeline Jones | 32m |
Compares Ionic Angular vs native iOS/Android with concrete numbers and failures: 27 million developers, ~50% mobile, ~73% of those native, 15 billion devices… | ||
| Build Your First Full-Stack Blazor App | Ed Charbeneau | 01h 04m |
Builds a full‑stack Blazor app using .NET 6 with the Visual Studio full‑stack template that scaffolds client WebAssembly, server SignalR, and a shared library… | ||
| The Three Laws of TDD are Useful and Incomplete | Burk Hufnagel | 01h 02m |
Argues the Three Laws of TDD (red/green/refactor) are useful but miss start/stop and refactoring guidance, so the better practice is to write executable… | ||
| Beginner UI & Angular | Alyssa Nicoll | 46m |
Serves up an updated Tour of Heroes demo on localhost and StackBlitz, shows Angular routing, modules, component templates and view encapsulation, and runs… | ||
| Vue’s Composition API: Why it’s Important | Shawn Wildermuth | 47m |
Argues the Composition API replaces Options magic with plain JavaScript closures and shows a live refactor of a small bookcase app from Options API to… | ||
| Vue 3: A Maturation of the Platform | Shawn Wildermuth | 44m |
Vue 3 makes TypeScript first-class by shipping type libs so IntelliSense and typed axios responses work; demo app fetches Open Library JSON, converts it to… | ||
| Researching and Writing Accessible Vue ... Thingies | Mark Noonan | 52m |
A layered interactive “thingy” (scroll-driven avocado diagram) is implemented in Vue as semantic HTML progressively enhanced with a Vue 3 accessible tabs… | ||
| Best Practices for Developers to Master Security | Maciej Mensfeld | 52m |
Focuses on JavaScript/npm supply‑chain attacks with concrete examples: the user‑agent‑parser compromise, mass malicious publishes (about 500 packages over two… | ||
| Daily Deno Development | Luke Dary | 57m |
Compares Deno to Node with concrete examples: Deno is built on V8 and Rust, runs first-class TypeScript, and provides secure by default permissions; demos… | ||
| Demystifying CI/CD | Jeremy Meiss | 48m |
Practical roadmap for CI/CD with concrete benchmarks and tools: use cloud CI like CircleCI or GitHub Actions instead of DIY Jenkins where possible, keep test… | ||
| Pick Your Poison | Jarel Fryer | 35m |
Compares three concrete CSS paths and when they actually save or cost time: rolling your own favors flexibility and uses patterns like BEM and scoped… | ||
| Animating Vue with GSAP | J.D. Hillen | 30m |
Demonstrates using GSAP inside Vue to build a music-browser UI with grid thumbnails, animated staggered entry and animate-out page transitions that call… | ||
| HOT New Vue 3 Features | Alex Riviere | 24m |
Covers concrete Vue 3 changes with demos: explains the new proxy reactivity (no IE support), the Composition API and removed filters, the 3.1 migration build… | ||
| Mass Frontend Refactors: Less Stress; More Success | Waller Goble | 34m |
Shows how to convert a 2 million‑line JavaScript codebase to a new i18n API using AST transforms rather than blind find/replace, using babel codemod or… | ||
| Visualize Throttling with Cats | Alan Herod | 51m |
A personal itinerary-to-forecast script that hits a weather API with rate limit 1 call per second is implemented in Node using axios + async/await plus a… | ||
| The State of React State Management | Riaz Virani | 47m |
Survey of options claims React has no official state layer and that Context has a fatal re-render flaw (any change forces consumers to re-render). Redux is… | ||
| Rebuilding Together | Valarie Regas | 27m |
Personal account of turning home into a DevOps workflow: she runs one-week family sprints, refactors the dining room into two adult workstations plus kids’… | ||
| Understanding OAuth 2.0 & OIDC | Stephanie Chamblee | 49m |
Covers how to implement an OAuth client end to end with concrete tooling and commands: uses Auth0 sample app + Google APIs, shows the authorize code redirect… | ||
| Animations in React Native | Niya Panamdanam | 46m |
Explains why Animated API throttles when the JavaScript thread computes every 16ms and shows the concrete fix of using useNativeDriver to serialize values and… | ||
| It's Time to Talk About Time | Taggart Bowe-Gaddy | 58m |
JavaScript gains a new Temporal API (stage three with a stage three polyfill) that replaces mutable Date with immutable Temporal objects, adds… | ||
| Strategy for Automation Testing Using Cypress.io | Srini Santhana | 42m |
Cypress.io replaces Selenium for end-to-end, integration and unit tests by running inside the browser and writing tests in JavaScript; the demo uses a simple… | ||
| Adobe Document Services | Raymond Camden | 54m |
Free PDF viewing via the PDF Embed API gives a consistent in-page viewer with embed modes like sized container, inline and lightbox, a javascript load event… | ||
| A Beginner's Guide to Wrangling Asynchronicity in JavaScript | Raymond Camden | 49m |
Shows how to turn callback-style code into real promises by wrapping older APIs (example: a geolocation wrapper that calls resolve/reject), demos with a 2s… | ||
| Using Storybook to Maintain Components in Redwood | Milecia McGregor | 39m |
Shows Storybook hooked into a React app and into Redwood, with live stories, args/controls for props, and the one-command Storybook setup that scaffolds… | ||
| IoT, JavaScript and Beer Brewing | Joel Lord | 37m |
Claims IoT will hit 75 billion devices by 2025 and households already average about six connected devices; home inventory here measures ~28 devices (~10 per… | ||
| Long COVID and What it Means | Homer Gaines | 58m |
Evidence shows COVID attacks the nervous system and commonly reduces gray matter with a 20–70% chance of post‑infection cognitive decline affecting frontal… | ||
| JavaScript on Apple TV | Gant Laborde | 43m |
Demo shows JavaScript running on Apple TV via React Native with hot module reloading working on a real device, and basic UI built from… | ||
| It Came From The Browser | Chris DeMars | 01h 00m |
Walks through modern CSS the browser already supports: live CodePen demos show block-size/inline-size replace width/height (Ionic uses them), accent-color… | ||
| Visual Validation | Angie Jones | 54m |
Automated visual testing replaces brittle DOM checks with image comparisons powered by machine learning, catching misaligned labels, overlapping text, and… | ||
| VUE Panel | 46m | |
Vue 3 brings a new reactivity system based on proxies that removes the need for Vue.set and fixes stale-array bugs, a Composition API that rewrites how code is… | ||
| Demystifying Database Performance Issues with SQL Commenter | Jan Kleinert | 50m |
An open source library called SQL Commenter injects URL‑encoded, lexicographically sorted key=value comments into SQL so logs and APMs can link queries back to… | ||
| nothing matches | ||