Connect.Tech 2024
2024-11-18..2024-11-20
Atlanta, United States
[Connect.Tech 2018, Connect.Tech 2021, Connect.Tech 2022, Connect.Tech 2024]
as the organisers put it
Connect.Tech Web Javascript and react, angular, node, design, ui, ux, vuejs ecosystem conference
| title | author | length |
|---|---|---|
| Accessibility in the Enterprise: The Relationship of A11y and ROI | Chris DeMars | 50m |
Argues that following WCAG Level AA is the practical defense and target, notes 2,000+ lawsuits in 2020 and examples of six-figure settlements (one cited at… | ||
| 50 Shades of React Rendering with Next js | Ben Ilegbodu | 55m |
A live Next.js demo shows a blog built with the app router, Gemini AI content, and example code on GitHub, and compares rendering modes with measured results… | ||
| Building AI Enabled Web Apps | Colin DeCarlo | 49m |
Built two demos: ask the docs, a semantic-search QA over Laravel docs, and discount GPT, a chat client exercising function-calling tools. Uses Laravel… | ||
| Bundler Bonanza | Jonathan Creamer | 45m |
Explains why bundlers rely on AST transforms and shows concrete tooling choices: Babel plugins and codemods (with Babel plugin tester) for automated refactors… | ||
| 20 Ways to Define Props in Vue from Mundane to Deranged | Alex Riviere | 49m |
Lists twenty concrete ways to declare Vue props, from plain string arrays to TypeScript-driven compiler macros, and demonstrates what actually runs in the… | ||
| Cross Framework Components using Custom Elements or Mitosis | Chris Griffing | 49m |
Explains when plain web components win (no runtime, vanilla web components 1.12× faster in benchmarks) versus when a generator helps; shows GitKraken using Lit… | ||
| Behavior Driven Design Model | Bermon Painter | 01h 02m |
Behavioral design applies measurable choice architectures to product UX: using sensible defaults, chunking and ordering + partitioning to reduce cognitive… | ||
| Hacking AI - How to Survive the AI Uprising | Gant Laborde | 44m |
Shows concrete attacks and defenses: early white‑text resume tricks fail but simple hidden tokens like greedy coordinate gradients and the Open Sesame… | ||
| Advanced TypeScript | Tyler Jennings | 54m |
Shows how to use mapped and conditional types to build concrete tools: creates SomePartial/SomeRequired utilities that make only selected keys optional or… | ||
| Build Fully Type Safe Projects with TypeScript and Zod | Sean McQuaid | 45m |
Demonstrates using Zod with TypeScript to get real runtime guarantees: validates process.env into strict enums, parses search params and URL-driven UI state… | ||
| Demystifying Micro Frontends | Martin Rojas | 47m |
Argues microfrontends solve team-scale pain when a monolith stalls, not a silver bullet; requires strict business-aligned boundaries, contracts and ~90%… | ||
| Baseline - Web Features You Can (Really) Use Today | Pete LePage | 46m |
Baseline is a cross‑vendor compatibility definition owned by the W3C Web Developer Experience group that marks features as Baseline limited availability… | ||
| How I Bought Booze with a JSON Web Token | Angie Jones | 33m |
Shows how a delivery app replaces photo IDs with a cryptographically signed verifiable credential encoded as a JSON Web Token using the web5 SDK, where the… | ||
| Building Desktop Apps with JavaScript | J.D. Hillen | 44m |
Demonstrates turning a Vue site into a desktop app using Electron and Electron Forge with preload.js, main.js and IPC, producing a minimal packaged executable… | ||
| Launch to Long Term Success Maximizing App Engagement and Growth | Shawn Johnson | 53m |
Built a companion app to present the talk and used AI to generate content, then breaks growth into four personas: ASO, growth, community and analytics… | ||
| Intl is Your Superhero | Raymond Camden | 53m |
Covers the actual ECMAScript Intl methods with live demos: using DateTimeFormat and formatRange to collapse identical dates, RelativeTimeFormat for “tomorrow”… | ||
| Removing Repetition by Building Your Own Automation Framework | Cameron Presley | 39m |
A TypeScript automation framework that runs on Dino fetches on‑call users from PagerDuty via an escalation‑policy → schedule lookup and posts Slack messages… | ||
| Demystifying React Server Components | Dustin Goodman | 01h 07m |
React Server Components give multiple server entry points instead of one global fetch, demonstrated with Next.js demos: a product page where a 4s… | ||
| Data Management in Vue | Will Marple | 44m |
Advocates using TanStack Query in Vue to make server state a shared, cache-backed source of truth: automatic cancellation, retries, optimistic updates… | ||
| Revolutionize Your Deployment Pipeline | Lucas Ward | 42m |
Shows a concrete GitOps pipeline that pushes Helm charts to a repo and Argo CD automatically deploys them into Kubernetes, using OpenLens for visualization… | ||
| The Low Code You Don’t Know | Cecelia Martinez | 44m |
OutSystems is a full‑stack low‑code platform with an IDE that generates React front end and .NET logic and SQL backend, can import .NET and JavaScript… | ||
| LLMs for Web Developers | Roy Derks | 50m |
Walks through concrete patterns web devs can code today: basic prompt inferencing, RAG with a vector DB (example uses 200-token chunks, overlap, embeddings)… | ||
| Demystifying “DevEx” and Why It Matters | Jeremy Meiss | 55m |
Definition: developer experience means removing blockers so engineers build, test and ship faster. Claims include 95% of slide images were generated with… | ||
| Sailing Uncharted Waters: Exploring the New Navigation API | Ray Gesualdo | 39m |
New Navigation API provides three practical primitives: navigation.addEventListener with a NavigationEvent that can intercept navigations, navigation.navigate… | ||
| Machine Learning with JavaScript | Danielle Maxwell | 57m |
Shows how to run models entirely in the browser using winkNLP, Transformers.js, and TensorFlow.js with concrete demos: wink English light model (~1 MB) that… | ||
| Signals Unleashed: Intro to NgRx Signal Store | Chris Perko | 30m |
A hands‑on migration example builds a shop/cart store with NgRx Signal Store on Angular 19 (released minutes before the session), showing a working badge… | ||
| DevOps, 12 Factor and Platform Engineering | Justin Reock | 37m |
Links DevOps to Deming and Goldratt and claims throughput (not headcount) drives value, so reduce WIP and shorten Hands-on-keyboard→production. Recommends… | ||
| When Is Liveview a Good Fit | De Wet Blomerus | 45m |
LiveView requires Elixir on the backend and Phoenix; it shines for IO‑bound web UIs where the server keeps state and pushes tiny diffs over websockets… | ||
| GraphQL in the Era of Server Components | Roy Derks | 43m |
Claims GraphQL remains valuable when many frontends or microservices need one reusable API and federation; for one-to-one apps server components, REST or TRPC… | ||
| Using Visual Studio Code Features to Speed Up Your Code | Kelly Morrison | 56m |
Shows only built‑in VS Code features (no extensions, no Copilot) and demonstrates concrete shortcuts: Command/Ctrl+Shift+P for the command palette… | ||
| Influence - Witchcraft and Wizardry | Gant Laborde | 33m |
Specific language moves outcomes: saying because raises compliance cutting in line from ~60% to ~94% (a nonsense reason still works), matching requests yields… | ||
| JavaScript Framework Cage Match | Amy Dutton | 57m |
Built a Hacker News clone called Brazilian nut news across Next, Remix, Astro, SvelteKit and Redwood to compare real tradeoffs. Uses Tailwind, Supabase… | ||
| React in 2024: Exploring the New Stuff | Cory House | 59m |
React 19 RC adds react server components, actions, and new hooks so server-rendered HTML can ship with no client-side fetch state, heavy libs (date formatting)… | ||
| Lessons Learned from Crafting a Thriving vue.js SAAS App | Abdelrahman Awad | 55m |
A large Vue 3 SaaS messaging app runs on TypeScript + GraphQL with a six‑engineer team and around 800–1,000 components; real time is handled by composables… | ||
| Remix Your React Router Applications | Sean McQuaid | 57m |
A demo migrates a CRA-style React Router v6 SPA to the beta React Router v7 and the V plugin, showing that you can replace react-router-dom with react-router… | ||
| Vue Fortified: Best Practices for Web App Security | Ramona Schwering | 35m |
Covers concrete Vue risks and fixes: demonstrates broken access control and SQL injection by running tests against OWASP Juice Shop that successfully bypass an… | ||
| Vue Router, Hoisting Mocks and Unit Test Spaghetti | Camille Kaniecki | 30m |
Vest (vtest) hoists mocks and constants so repeated runs with describe.each produce corrupted state and a mysteriously failing second pass, especially when Vue… | ||
| The Three Laws of Test Driven Development are Useful | Burk Hufnagel | 39m |
Claims that the three laws of TDD (write a failing test, write just enough test to fail, write just enough production code to pass) help design APIs and create… | ||
| Tracking Aircraft with Redis + Software Defined Radio | Guy Royse | 57m |
Connects an RTL-SDR dongle and an aircraft antenna to dump and parse ADS‑B at 1.090 GHz with dump1090, a node sps1 parser, and Redis Streams (XADD/XREAD) via… | ||
| Using Chrome Developer Tools | Micah Wood | 48m |
Shows how to open and use Chrome DevTools with concrete tricks: keyboard shortcuts and right‑click Inspect, editing HTML/CSS live and saving changes via… | ||
| Coding For Accessibility Best Practices from the Front Lines | Bekah Rice | 48m |
Concrete checklist of what breaks and what fixes it: semantic HTML5 landmarks, correct heading order, labels tied to inputs (for/id or wrapped label)… | ||
| How to Conference A User Guide | Nerando Johnson | 28m |
Practical checklist for a conference: talk to sponsors — one attendee adopts a vendor tool and hit 12,000 users in production after an on-site recommendation… | ||
| How to Product Being a Productive Product Engineer | Ryan Edge | 41m |
Conference cites 20% of developers happy and claims productivity hinges on three measurable levers: shorten feedback loops with CI/CD and automation, protect… | ||
| Memory First An introduction to Redis | Guy Royse | 01h 01m |
A fast, in‑memory key‑value system that calls itself a Memory‑first NoSQL DB, exposes strings, hashes, lists, sets, sorted/geo sets, streams and probabilistic… | ||
| MySQL, Node & Testcontainers Testing Done Right | Scott Stroz | 47m |
Shows using Testcontainers to spin a throwaway MySQL Docker instance with one line (new MySQLContainer().start()), the Node built-in test runner to run suites… | ||
| Node Project Configuration Management at Scale | Cameron Childress | 50m |
Tool named progen claims to cut project-configuration fatigue by generating every JSON/YAML/TOML file from typed definitions, and it actually synthesize files… | ||
| Strategic Thinking in Software Architecture using Wardley Mapping | Mike Clement | 55m |
Shows how Wardley mapping turns messy choices into concrete moves: uses Southwest’s all‑737 fleet versus Delta to illustrate tradeoffs, maps a Hunter… | ||
| nothing matches | ||