CT

× close
Chris Griffing
Chris Griffing

Developer Advocate

I like to make things and share them with people.

Web/HTML/CSS

Cross-Framework Components using Custom Elements or Mitosis

At GitKraken, we use lit-html to create browser native Web Components that we can share across our entire platform. In a separate side project, I also used Mitosis from the builder.io team to create a set of framework-specific components. The talk will cover what Web Components are and a bit of their history. Then, it will dig into how we use them at GitKraken and some of the process behind shipping reusable components. We will also get into some of the rough edges related to using Web Components from scratch. Finally, we will learn about a different approach to cross-compatible components using Mitosis to generate fully framework-native components for a myriad of different frontend frameworks.

CONNECT.TECHNovember 18-20, 2024
Cobb Galleria Centre 2 Galleria Pkwy SE Atlanta, GA

The largest multi-framework front-end conference in the USA.
A three day event diving deep with experts from across the tech ecosystem.

6 Tracks • 60+ sessions • 6 workshops

CONNECT.TECH is the largest multi-framework front-end conference in the USA.

A premium Web/HTML/CSS, Mobile, and Design conference at a community conference price!

Looking to attend an React conference, Angular conference, Vue.js conference, JavaScript conference, Node conference, Mobile conference or UX/Design conference this year? Why not go to one that combines all of these?

Connect.Tech attendees

Choose your ticket

Ticket fee includes breakfast, lunch, snacks, drinks, conference reception, tshirts, and entry into our mega raffle prizes and more!

Late Individual Conference Pass

Two Day Conference, November 19-20

Late Individual Workshop/Training and Conference Combo Pass

Three Day Workshop and Conference, November 18-20

Late Group (5+) Conference Pass

Two Day Conference, November 19-20

Late roup (5+) Workshop/Training and Conference Combo Pass

Three Day Workshop and Conference, November 18-20

Schedule

All times are listed in EST. Scroll horizontally to see all tracks.

Monday, November 18

TimeSalon F: Vue/CoreJSSalon A: React/MiscSalon B: Angular/MiscSalon C: AI/MiscSalon D: PracticesSalon E: Web/HTML/CSS
8:00 AM

Registration and Breakfast

9:00 AM

Web performance workshop: hands-on tools and practices

Sia Karamalegos

JS + AI: (BYOM) Build Your Own Model with TensorFlow.js!

Will MarpleGant Laborde

Automated Testing Made Easy

Micah Wood

Advanced React: Lessons from 10 Years

Cory House
10:30 AM

Morning Break

12:00 AM

Lunch

2:30 PM

Afternoon Break

Tuesday, November 19

TimeSalon F: Vue/CoreJSSalon A: React/MiscSalon B: Angular/MiscSalon C: AI/MiscSalon D: PracticesSalon E: Web/HTML/CSS
8:00 AM

Registration and Breakfast

9:00 AM

Influence - Witchcraft and Wizardry

Gant Laborde
10:00 AM

20 Ways to Define Props in Vue 3

Alex Riviere

React in 2024: Exploring The New Stuff

Cory House

Signals Unleashed: Intro to NgRx Signal Store

Chris Perko

Unlocking Machine Learning Potential in JavaScript: A Journey Through Cutting-Edge Tools

Danielle Maxwell

How to Conference : A User Guide

Nerando Johnson

Cross-Framework Components using Custom Elements or Mitosis

Chris Griffing
11:00 AM

Morning Break

11:30 AM

Vue Data Fetching & Management Patterns that Work

Will Marple

50 shades of React rendering with Next.js

Ben Ilegbodu

Build Fully Type-Safe Projects with TypeScript and Zod

Sean McQuaid

Building AI Enabled Web Apps

Colin DeCarlo

Memory First: An Introduction to Redis

Guy Royse

Bundler Bonanza

Jonathan Creamer
12:30 AM

Lunch

1:30 PM

Vue-Router, Hoisting Mocks, and Unit Test Spaghetti

Camille Kaniecki

GraphQL in the Era of Server Components

Roy Derks

Intl is Your Superhero

Raymond Camden

TBD

Full-stack performance testing with Grafana k6

Daniel González Lopes

TBD

2:30 PM

Afternoon Break

3:00 PM

JavaScript Framework Cage Match

Amy Dutton

Using Chrome Developer Tools

Micah Wood

TBD

Step On It! Using Visual Studio Code Features To Speed Up Your Code Development

Kelly Morrison

Coding For Accessibility: Best Practices from the Front Lines

Bekah Rice

Removing Repetition By Building Your Own Automation Framework

Cameron Presley
4:00 PM

Advanced TypeScript

Tyler Jennings

The Three Laws of Test-Driven Development are Useful and Incomplete

Burk Hufnagel

Sailing Uncharted Waters: Exploring the New Navigation API

Ray Gesualdo

Launch to Long-Term Success: Maximizing App Engagement and Growth in 2024

Shawn Johnson

Node Project Configuration Management at Scale

Cameron Childress

Demystifying Micro Frontends: A Practical Guide to Modern Web Architecture

Martin Rojas
5:00 PM

PowerPoint Karaoke

Jeremy Meiss
6:00 PM

Conference Reception (Foyer)

Wednesday, November 20

TimeSalon F: Vue/CoreJSSalon A: React/MiscSalon B: Angular/MiscSalon C: AI/MiscSalon D: PracticesSalon E: Web/HTML/CSS
8:00 AM

Breakfast

9:00 AM

Session: DevOps, 12-Factor, and Platform Engineering

Justin Reock
10:00 AM

Vue fortified: Best Practices for Web App Security

Ramona Schwering

Demystifying React Server Components

Dustin Goodman

Behavior-Driven Design: Elevating UX with Behavioral Economics

Bermon Painter

Hacking AI - How to Survive the AI Uprising

Gant Laborde

MySQL, Node, & Testcontainers - Testing Done Right

Scott Stroz

The Low-Code You Don’t Know

Cecelia Martinez
11:00 AM

Morning Break

11:30 AM

Lessons learned from building a thriving Vue.js SaaS application

Abdelrahman Awad

Remix Your React Router Applications!

Sean McQuaid

Accessibility in the Enterprise: The Relationship of A11y and ROI

Chris DeMars

LLMs for Web Developers

Roy Derks

How to be a Productive Product Engineer in 2024

Ryan Edge

TBD

12:30 AM

Lunch

1:30 PM

Building Desktop Apps with JavaScript

J.D. Hillen

Baseline ✅ - New web features ready to use across browsers today.

Pete LePage

Revolutionize Your Deployment Pipeline: Unveiling the Power of GitOps for Seamless CI/CD Integration

Lucas Ward

How I Bought Booze with a JSON Web Token

Angie JonesEbony Louis

Strategic Thinking in Software Architecture using Wardley Mapping

Mike Clement

TBD

2:30 PM

Afternoon Break

3:00 PM

Demystifying "Developer Experience", and why it matters

Jeremy Meiss

Tracking Aircraft with Streams + Software-Defined Radio

Guy Royse

When is LiveView a good fit?

De Wet Blomerus

Typescript Deep Dive

Waller Goble

TBD

TBD

4:00 PM

Prize giveaways and conf close

2024 Workshops

Full day Training

Hands-on training from experts

Sia Karamalegos
Sia Karamalegos

Web Performance Engineer at Clio + Calliope

Practices/Tools/Techniques

Web performance workshop: hands-on tools and practices

Have you tried to make your website fast and only been rewarded with frustration? Do the tools of the trade intimidate you? In this workshop, you'll learn tried and true... Read More

Will Marple
Will Marple

Black Airplane, Lead Full Stack Web Developer

Full Day Workshop

JS + AI: (BYOM) Build Your Own Model with TensorFlow.js!

Let's grab the AI revolution by the horns! In this day and age, most of us have heard of TensorFlow. But did you know that with TensorFlow.js, you can run and train models... Read More

Micah Wood
Micah Wood

WordPress Contributor and Developer at Bluehost

Full Day Workshop

Automated Testing Made Easy

Testing websites and applications can be time-consuming and labor intensive. Yet, most people manually test their work in the browser... assuming they do any testing at all.... Read More

Cory House
Cory House

Author / Consultant

Full Day Workshop

Advanced React: Lessons from 10 Years

In this session we'll explore 8 ways to handle state in React apps, common state management mistakes, performance optimizations, useEffect alternatives, key third-party... Read More

Choose your ticket

Ticket fee includes breakfast, lunch, snacks, drinks, conference reception, tshirts, and entry into our mega raffle prizes and more!

Late Individual Conference Pass

Two Day Conference, November 19-20

Late Individual Workshop/Training and Conference Combo Pass

Three Day Workshop and Conference, November 18-20

Late Group (5+) Conference Pass

Two Day Conference, November 19-20

Late roup (5+) Workshop/Training and Conference Combo Pass

Three Day Workshop and Conference, November 18-20

2024 All Sessions

CONNECT.TECH 2024 Sessions

Abdelrahman Awad
Abdelrahman Awad

Senior engineer @Rasayel.io | GDE

Lessons learned from building a thriving Vue.js SaaS application

Alex Riviere
Alex Riviere

Co-Organizer for Atlanta Vue.js Meetup and Co-Organizer for PyATL meetup

20 Ways to Define Props in Vue 3

Amy Dutton
Amy Dutton

Lead Maintainer on the RedwoodJS Core Team

JavaScript Framework Cage Match

Angie Jones
Angie Jones

Head of Developer Relations

How I Bought Booze with a JSON Web Token

Bekah Rice
Bekah Rice

Senior UX Designer/Developer & Accessibility Expert at truematter

Coding For Accessibility: Best Practices from the Front Lines

Ben Ilegbodu
Ben Ilegbodu

Senior Software Engineer

50 shades of React rendering with Next.js

Bermon Painter
Bermon Painter

Global Innovation & Designer Leader

Behavior-Driven Design: Elevating UX with Behavioral Economics

Burk Hufnagel
Burk Hufnagel

Solution Architect - Daugherty Business Solutions

The Three Laws of Test-Driven Development are Useful and Incomplete

Cameron Childress
Cameron Childress

AWS Architect, Sumo Consulting

Node Project Configuration Management at Scale

Cameron Presley
Cameron Presley

Knowledge Sharer and Problem Solver

Removing Repetition By Building Your Own Automation Framework

Camille Kaniecki
Camille Kaniecki

Frontend Engineer at ACV Auctions

Vue-Router, Hoisting Mocks, and Unit Test Spaghetti

Cecelia Martinez
Cecelia Martinez

Lead Developer Advocate, OutSystems

The Low-Code You Don’t Know

Chris DeMars
Chris DeMars

Senior Developer Advocate II @ DigitalOcean

Accessibility in the Enterprise: The Relationship of A11y and ROI

Chris Griffing
Chris Griffing

Developer Advocate

Cross-Framework Components using Custom Elements or Mitosis

Chris Perko
Chris Perko

Angular GDE, Senior Engineer at HeroDevs, Angular Community Meetup Director

Signals Unleashed: Intro to NgRx Signal Store

Colin DeCarlo
Colin DeCarlo

Vehikl, Developer, Head of the Party Planning Committee

Building AI Enabled Web Apps

Cory House
Cory House

Author / Consultant

Advanced React: Lessons from 10 Years

Cory House
Cory House

Author / Consultant

React in 2024: Exploring The New Stuff

Daniel González Lopes
Daniel González Lopes

TPM at Grafana Labs

Full-stack performance testing with Grafana k6

Danielle Maxwell
Danielle Maxwell

Rotational Labs, Jr. Distributed Systems Engineer

Unlocking Machine Learning Potential in JavaScript: A Journey Through Cutting-Edge Tools

De Wet Blomerus
De Wet Blomerus

Senior Software Engineer at Cars.com

When is LiveView a good fit?

Dustin Goodman
Dustin Goodman

Engineering Manager and Leader

Demystifying React Server Components

Ebony Louis
Ebony Louis

Developer Advocate

How I Bought Booze with a JSON Web Token

Gant Laborde
Gant Laborde

CIO and Advocate of Education with Infinite Red

JS + AI: (BYOM) Build Your Own Model with TensorFlow.js!

Gant Laborde
Gant Laborde

CIO and Advocate of Education with Infinite Red

Influence - Witchcraft and Wizardry

Gant Laborde
Gant Laborde

CIO and Advocate of Education with Infinite Red

Hacking AI - How to Survive the AI Uprising

Guy Royse
Guy Royse

Developer Advocate at Redis

Beyond the Cache with Redis + Node.js

Guy Royse
Guy Royse

Developer Advocate at Redis

Memory First: An Introduction to Redis

J.D. Hillen
J.D. Hillen

Software Engineer II @ Garmin

Building Desktop Apps with JavaScript

Jeremy Meiss
Jeremy Meiss

Developer Experience & Community Leader

PowerPoint Karaoke

Jeremy Meiss
Jeremy Meiss

Developer Experience & Community Leader

Demystifying "Developer Experience", and why it matters

Jonathan Creamer
Jonathan Creamer

Principal Software Engineer at Microsoft

Bundler Bonanza

Justin Reock
Justin Reock

Technologist, speaker, community leader

Session: DevOps, 12-Factor, and Platform Engineering

Kelly Morrison
Kelly Morrison

Solutions Architect at Daugherty Business Solutions / PhD in Computer Engineering

Step On It! Using Visual Studio Code Features To Speed Up Your Code Development

Lucas Ward
Lucas Ward

DevOps Engineer for Ippon Technologies USA

Revolutionize Your Deployment Pipeline: Unveiling the Power of GitOps for Seamless CI/CD Integration

Martin Rojas
Martin Rojas

UI Architect at PlayOn Sports

Demystifying Micro Frontends: A Practical Guide to Modern Web Architecture

Micah Wood
Micah Wood

WordPress Contributor and Developer at Bluehost

Automated Testing Made Easy

Micah Wood
Micah Wood

WordPress Contributor and Developer at Bluehost

Using Chrome Developer Tools

Mike Clement
Mike Clement

Software Engineering Leader, Software Crafter, Open Space Advocate and Facilitator

Strategic Thinking in Software Architecture using Wardley Mapping

Nerando Johnson
Nerando Johnson

Software Developer | Technology Consultant | Technology Community Organizer

How to Conference : A User Guide

Pete LePage
Pete LePage

Developer Advocate

Baseline ✅ - New web features ready to use across browsers today.

Ramona Schwering
Ramona Schwering

Developer Advocate, Auth0 by Okta

Vue fortified: Best Practices for Web App Security

Ray Gesualdo
Ray Gesualdo

Staff Software Architect @ Salesloft

Sailing Uncharted Waters: Exploring the New Navigation API

Raymond Camden
Raymond Camden

Senior Developer Evangelist

Intl is Your Superhero

Roy Derks
Roy Derks

Speaker and author on GraphQL, React and TypeScript

GraphQL in the Era of Server Components

Roy Derks
Roy Derks

Speaker and author on GraphQL, React and TypeScript

LLMs for Web Developers

Ryan Edge
Ryan Edge

UpTech Studio, Sr. Software Engineer

How to be a Productive Product Engineer in 2024

Scott Stroz
Scott Stroz

MySQL Developer Advocate

MySQL, Node, & Testcontainers - Testing Done Right

Sean McQuaid
Sean McQuaid

Lead Software Engineer at Chick-fil-A

Build Fully Type-Safe Projects with TypeScript and Zod

Sean McQuaid
Sean McQuaid

Lead Software Engineer at Chick-fil-A

Remix Your React Router Applications!

Shawn Johnson
Shawn Johnson

Your CTO's Favorite CTO

Launch to Long-Term Success: Maximizing App Engagement and Growth in 2024

Sia Karamalegos
Sia Karamalegos

Web Performance Engineer at Clio + Calliope

Web performance workshop: hands-on tools and practices

Sia Karamalegos
Sia Karamalegos

Web Performance Engineer at Clio + Calliope

It's time to ditch Lighthouse 100

Tyler Jennings
Tyler Jennings

Staff Software Engineer

Advanced TypeScript

Waller Goble
Waller Goble

Senior Staff Software Engineer @ PayPal

Typescript Deep Dive

Will Marple
Will Marple

Black Airplane, Lead Full Stack Web Developer

JS + AI: (BYOM) Build Your Own Model with TensorFlow.js!

Will Marple
Will Marple

Black Airplane, Lead Full Stack Web Developer

Vue Data Fetching & Management Patterns that Work

Timeline

  • May 1

    2024 Kickoff

    Call for Papers, Early Bird tickets sales (first 100 only, then prices +$100), sponsor sales, scholarship program all open

  • June 1

    CFP Close

    CFP Closes

  • July 1

    Speakers Announced!

    Speakers announced, regular ticket sales

  • September 11

    Late ticket sales

    Late ticket sales, order now to get a swanky badge and tshirt

  • November 18

    Workshop day!

    Connect.Tech 2024 starts with workshop day

  • November 19

    The big show!

    Connect.Tech 2024 begins!