SlideShare a Scribd company logo
What Data Engineering can learn
from Frontend Engineering
Pete Hunt @floydophone or @dagster on Twitter
I’m at Elementl, the company
behind Dagster.
Previously, I was a founding
member of React.js, the most
popular JS framework.
Three topics: 1. The platform shift
2. The rise of serious engineering
3. What data can learn from frontend
IT’S LIKE POETRY. THEY RHYME
George Lucas on the synergies between sci-fi filmmaking and software development (1999)
1. The platform shift
Changes to a
layer of the stack
ripple upwards
and downwards.
Your infrastructure
You & your tools
Your users
OSA Con 2022 - What Data Engineering Can Learn from Frontend Engineering - Pete Hunt - Elementl.pdf
Fast runtimes → Ambitious apps → Complex software
Two problems
with the JS stack
10 years ago:
1. Codebases became large and
hard to manage. No tools for
large-scale code reuse.
2. Business logic became
extremely complex. Existing tools
like jQuery were imperative and
hard to work with at scale.
Data went through a
similar transition.
OSA Con 2022 - What Data Engineering Can Learn from Frontend Engineering - Pete Hunt - Elementl.pdf
Fast runtimes → Ambitious apps → Complex software
Scalable engines → Ambitious pipelines → Complex queries
Two problems
with the JS stack
10 years ago:
1. Codebases became large and
hard to manage. No tools for
large-scale code reuse.
2. Business logic became
extremely complex. Existing tools
like jQuery were imperative and
hard to work with at scale.
Two problems
with the new data
stack:
1. Large queries are hard to
manage. SQL has no tools for
large-scale code reuse.
2. Connecting your warehouse or
lake to the outside world is
complex. This requires an
orchestrator, and most are
imperative and hard to reason
about.
Frontend and data
have become…
2. Real Engineering™
Chaos → Source Control (and CI)
Copy/paste → Code Reuse
Lines of Code : Your Project :: Fossil Fuels : Modern Life
Two weapons in the
war on complexity:
modules and
abstraction.
Modules ● Keep your code organized
● Let you reuse code in multiple
places
Frontend: CommonJS (2009)
Analytics/data: dbt models (2016)
To get modules, we
need a compiler:
webpack or dbt.
Compilers can
add complexity ● You need a compile step
● The compile step can be slow
● You need to debug compiled code
Abstraction ● Reuse code for different purposes.
● Limit how much of the system you
need to hold in your head.
Frontend: React components (2013)
Analytics: dbt macros (2016)
Orchestration: Airflow operators (2014)
Text editors → IDEs
Yes, emacs is better than vi.
Life without an IDE
sucks.
❌ Where is this thing defined?
❌ Where are my docs?
❌ How do I run my linter?
✅ Jump-to-definition
✅ Inline docs and autocomplete
✅ Continuous linting, autoformatting etc.
OSA Con 2022 - What Data Engineering Can Learn from Frontend Engineering - Pete Hunt - Elementl.pdf
3. What can data learn
from frontend?
Frontend and data are
both on a journey to
become Real
Engineering™.
Imperative → Declarative
via reconciliation.
1.
Express your app as a
desired output state.
The framework figures
out how to transition the
world to that state.
OSA Con 2022 - What Data Engineering Can Learn from Frontend Engineering - Pete Hunt - Elementl.pdf
OSA Con 2022 - What Data Engineering Can Learn from Frontend Engineering - Pete Hunt - Elementl.pdf
Dynamic → Static
typing.
2.
OSA Con 2022 - What Data Engineering Can Learn from Frontend Engineering - Pete Hunt - Elementl.pdf
✅ Correctness checks
✅ Documentation
✅ Autocomplete
✅ Jump-to-definition
🤔 Adopt mypy?
🤔 Data contracts?
🤔 SDAs?
🤔 SQL → TypeSQL?
Templating → Programming
languages.
3.
OSA Con 2022 - What Data Engineering Can Learn from Frontend Engineering - Pete Hunt - Elementl.pdf
❌ Poor IDE / tooling support
❌ Verbose
❌ Large templates are rats’ nests
✅ Full language ecosystem
✅ Expressivity
✅ Large-scale code reuse
✅ Large hiring pool
🤔 Less YAML? Please…?
🤔 dbt/SQL → TypeSQL?
Staging → Branching
4.
🚩🚩🚩 “Hey is anyone using staging3 right now?” 🚩🚩🚩
OSA Con 2022 - What Data Engineering Can Learn from Frontend Engineering - Pete Hunt - Elementl.pdf
OSA Con 2022 - What Data Engineering Can Learn from Frontend Engineering - Pete Hunt - Elementl.pdf
OSA Con 2022 - What Data Engineering Can Learn from Frontend Engineering - Pete Hunt - Elementl.pdf
OSA Con 2022 - What Data Engineering Can Learn from Frontend Engineering - Pete Hunt - Elementl.pdf
OSA Con 2022 - What Data Engineering Can Learn from Frontend Engineering - Pete Hunt - Elementl.pdf
✅ No fighting over staging
✅ Easy collaboration
✅ Fast iteration
Diversity → Consolidation
5.
OSA Con 2022 - What Data Engineering Can Learn from Frontend Engineering - Pete Hunt - Elementl.pdf
OSA Con 2022 - What Data Engineering Can Learn from Frontend Engineering - Pete Hunt - Elementl.pdf
To summarize:
● Data and frontend are both progressing towards Real Engineering™ and are
following similar trajectories.
● Imperative → Declarative code via reconciliation
● Dynamic → Static typing
● Templating languages → Programming languages
● Staging → Branching
● Plan on consolidation in the future
OSA Con 2022 - What Data Engineering Can Learn from Frontend Engineering - Pete Hunt - Elementl.pdf
● Imperative → Declarative:
○ Software-Defined Assets
● Dynamic → Static typing
○ Pandera
○ Strongly typed APIs
● Templating languages → Programming languages
○ Declaratively express assets as Python code
○ No DSLs, YAML, or templating languages. Real Python code.
● Staging → Branching
○ Dagster Cloud branch deployments
● Plan on consolidation in the future
○ dbt-backed assets
○ Airbyte-backed assets
○ Many more supported
@floydophone or @dagster on Twitter

More Related Content

Similar to OSA Con 2022 - What Data Engineering Can Learn from Frontend Engineering - Pete Hunt - Elementl.pdf (20)

PDF
Meetup. Technologies Intro for Non-Tech People
IT Arena
 
PDF
Canadian Experts Discuss Modern Data Stacks and Cloud Computing for 5 Years o...
Daniel Zivkovic
 
PPTX
Introduction to Modern and Emerging Web Technologies
Suresh Patidar
 
PDF
.NET Full Stack Development AI + IoT Integrated Course | TechEntry
TechEntry
 
PDF
2020 Top Web Development Trends
Pencil Agency
 
PDF
Frontend developer Roadmap .pdf
DurgeshSinghLodhi1
 
ODP
Bazillion New Technologies
Ayman Mahfouz
 
PDF
The Ultimate Full-Stack Developer Roadmap for 2025.pdf
RuhiParveen6
 
PPTX
The Internet as a Single Database
Datafiniti
 
PDF
Workshop Report
lakshitha perera
 
PPTX
Saas rad with django, django rest framework
Marco Montanari
 
PDF
From the Boardroom to the Terminal_ Adapting to the Future - DevOpsBCN - Apr ...
devopsbcnmeetup
 
PDF
Building Enterprise Grade Front-End Applications with JavaScript Frameworks
FITC
 
PDF
Top 10 Best Web Development Technologies
AjayMishra302670
 
PDF
Software Engineering 2014
Shuichi Kurabayashi
 
PDF
Exploring MERN Stack and Tech Stacks: A Comparative Analysis
IRJET Journal
 
PDF
I - Front-end Spectrum
WebF
 
PPTX
What is a good technology stack today?
Netlight Consulting
 
PDF
Frontend Developer Roadmap PDF By Scholarhat
Scholarhat
 
PPTX
JS digest, March 2017
ElifTech
 
Meetup. Technologies Intro for Non-Tech People
IT Arena
 
Canadian Experts Discuss Modern Data Stacks and Cloud Computing for 5 Years o...
Daniel Zivkovic
 
Introduction to Modern and Emerging Web Technologies
Suresh Patidar
 
.NET Full Stack Development AI + IoT Integrated Course | TechEntry
TechEntry
 
2020 Top Web Development Trends
Pencil Agency
 
Frontend developer Roadmap .pdf
DurgeshSinghLodhi1
 
Bazillion New Technologies
Ayman Mahfouz
 
The Ultimate Full-Stack Developer Roadmap for 2025.pdf
RuhiParveen6
 
The Internet as a Single Database
Datafiniti
 
Workshop Report
lakshitha perera
 
Saas rad with django, django rest framework
Marco Montanari
 
From the Boardroom to the Terminal_ Adapting to the Future - DevOpsBCN - Apr ...
devopsbcnmeetup
 
Building Enterprise Grade Front-End Applications with JavaScript Frameworks
FITC
 
Top 10 Best Web Development Technologies
AjayMishra302670
 
Software Engineering 2014
Shuichi Kurabayashi
 
Exploring MERN Stack and Tech Stacks: A Comparative Analysis
IRJET Journal
 
I - Front-end Spectrum
WebF
 
What is a good technology stack today?
Netlight Consulting
 
Frontend Developer Roadmap PDF By Scholarhat
Scholarhat
 
JS digest, March 2017
ElifTech
 

More from Altinity Ltd (20)

PPTX
Building an Analytic Extension to MySQL with ClickHouse and Open Source.pptx
Altinity Ltd
 
PDF
Cloud Native ClickHouse at Scale--Using the Altinity Kubernetes Operator-2022...
Altinity Ltd
 
PPTX
Building an Analytic Extension to MySQL with ClickHouse and Open Source
Altinity Ltd
 
PDF
Fun with ClickHouse Window Functions-2021-08-19.pdf
Altinity Ltd
 
PDF
Cloud Native Data Warehouses - Intro to ClickHouse on Kubernetes-2021-07.pdf
Altinity Ltd
 
PDF
Building High Performance Apps with Altinity Stable Builds for ClickHouse | A...
Altinity Ltd
 
PDF
Application Monitoring using Open Source - VictoriaMetrics & Altinity ClickHo...
Altinity Ltd
 
PDF
Own your ClickHouse data with Altinity.Cloud Anywhere-2023-01-17.pdf
Altinity Ltd
 
PDF
ClickHouse ReplacingMergeTree in Telecom Apps
Altinity Ltd
 
PDF
Adventures with the ClickHouse ReplacingMergeTree Engine
Altinity Ltd
 
PDF
Building a Real-Time Analytics Application with Apache Pulsar and Apache Pinot
Altinity Ltd
 
PDF
Altinity Webinar: Introduction to Altinity.Cloud-Platform for Real-Time Data.pdf
Altinity Ltd
 
PDF
OSA Con 2022 - Welcome to OSA CON Version 2022 - Robert Hodges - Altinity.pdf
Altinity Ltd
 
PDF
OSA Con 2022 - Using ClickHouse Database to Power Analytics and Customer Enga...
Altinity Ltd
 
PDF
OSA Con 2022 - Tips and Tricks to Keep Your Queries under 100ms with ClickHou...
Altinity Ltd
 
PDF
OSA Con 2022 - The Open Source Analytic Universe, Version 2022 - Robert Hodge...
Altinity Ltd
 
PDF
OSA Con 2022 - Switching Jaeger Distributed Tracing to ClickHouse to Enable A...
Altinity Ltd
 
PDF
OSA Con 2022 - Streaming Data Made Easy - Tim Spann & David Kjerrumgaard - St...
Altinity Ltd
 
PDF
OSA Con 2022 - State of Open Source Databases - Peter Zaitsev - Percona.pdf
Altinity Ltd
 
PDF
OSA Con 2022 - Specifics of data analysis in Time Series Databases - Roman Kh...
Altinity Ltd
 
Building an Analytic Extension to MySQL with ClickHouse and Open Source.pptx
Altinity Ltd
 
Cloud Native ClickHouse at Scale--Using the Altinity Kubernetes Operator-2022...
Altinity Ltd
 
Building an Analytic Extension to MySQL with ClickHouse and Open Source
Altinity Ltd
 
Fun with ClickHouse Window Functions-2021-08-19.pdf
Altinity Ltd
 
Cloud Native Data Warehouses - Intro to ClickHouse on Kubernetes-2021-07.pdf
Altinity Ltd
 
Building High Performance Apps with Altinity Stable Builds for ClickHouse | A...
Altinity Ltd
 
Application Monitoring using Open Source - VictoriaMetrics & Altinity ClickHo...
Altinity Ltd
 
Own your ClickHouse data with Altinity.Cloud Anywhere-2023-01-17.pdf
Altinity Ltd
 
ClickHouse ReplacingMergeTree in Telecom Apps
Altinity Ltd
 
Adventures with the ClickHouse ReplacingMergeTree Engine
Altinity Ltd
 
Building a Real-Time Analytics Application with Apache Pulsar and Apache Pinot
Altinity Ltd
 
Altinity Webinar: Introduction to Altinity.Cloud-Platform for Real-Time Data.pdf
Altinity Ltd
 
OSA Con 2022 - Welcome to OSA CON Version 2022 - Robert Hodges - Altinity.pdf
Altinity Ltd
 
OSA Con 2022 - Using ClickHouse Database to Power Analytics and Customer Enga...
Altinity Ltd
 
OSA Con 2022 - Tips and Tricks to Keep Your Queries under 100ms with ClickHou...
Altinity Ltd
 
OSA Con 2022 - The Open Source Analytic Universe, Version 2022 - Robert Hodge...
Altinity Ltd
 
OSA Con 2022 - Switching Jaeger Distributed Tracing to ClickHouse to Enable A...
Altinity Ltd
 
OSA Con 2022 - Streaming Data Made Easy - Tim Spann & David Kjerrumgaard - St...
Altinity Ltd
 
OSA Con 2022 - State of Open Source Databases - Peter Zaitsev - Percona.pdf
Altinity Ltd
 
OSA Con 2022 - Specifics of data analysis in Time Series Databases - Roman Kh...
Altinity Ltd
 
Ad

Recently uploaded (20)

PPTX
apidays Munich 2025 - Building Telco-Aware Apps with Open Gateway APIs, Subhr...
apidays
 
PDF
Web Scraping with Google Gemini 2.0 .pdf
Tamanna
 
PDF
The European Business Wallet: Why It Matters and How It Powers the EUDI Ecosy...
Lal Chandran
 
PDF
apidays Helsinki & North 2025 - APIs in the healthcare sector: hospitals inte...
apidays
 
PDF
OPPOTUS - Malaysias on Malaysia 1Q2025.pdf
Oppotus
 
PDF
Context Engineering for AI Agents, approaches, memories.pdf
Tamanna
 
PPTX
apidays Helsinki & North 2025 - Running a Successful API Program: Best Practi...
apidays
 
PPTX
Numbers of a nation: how we estimate population statistics | Accessible slides
Office for National Statistics
 
PPTX
ER_Model_with_Diagrams_Presentation.pptx
dharaadhvaryu1992
 
PPTX
apidays Helsinki & North 2025 - From Chaos to Clarity: Designing (AI-Ready) A...
apidays
 
PDF
Product Management in HealthTech (Case Studies from SnappDoctor)
Hamed Shams
 
PDF
Data Chunking Strategies for RAG in 2025.pdf
Tamanna
 
PDF
JavaScript - Good or Bad? Tips for Google Tag Manager
📊 Markus Baersch
 
PPTX
b6057ea5-8e8c-4415-90c0-ed8e9666ffcd.pptx
Anees487379
 
PPT
AI Future trends and opportunities_oct7v1.ppt
SHIKHAKMEHTA
 
PPTX
apidays Helsinki & North 2025 - API access control strategies beyond JWT bear...
apidays
 
PDF
R Cookbook - Processing and Manipulating Geological spatial data with R.pdf
OtnielSimopiaref2
 
PDF
Choosing the Right Database for Indexing.pdf
Tamanna
 
PPTX
apidays Helsinki & North 2025 - APIs at Scale: Designing for Alignment, Trust...
apidays
 
PPTX
apidays Singapore 2025 - The Quest for the Greenest LLM , Jean Philippe Ehre...
apidays
 
apidays Munich 2025 - Building Telco-Aware Apps with Open Gateway APIs, Subhr...
apidays
 
Web Scraping with Google Gemini 2.0 .pdf
Tamanna
 
The European Business Wallet: Why It Matters and How It Powers the EUDI Ecosy...
Lal Chandran
 
apidays Helsinki & North 2025 - APIs in the healthcare sector: hospitals inte...
apidays
 
OPPOTUS - Malaysias on Malaysia 1Q2025.pdf
Oppotus
 
Context Engineering for AI Agents, approaches, memories.pdf
Tamanna
 
apidays Helsinki & North 2025 - Running a Successful API Program: Best Practi...
apidays
 
Numbers of a nation: how we estimate population statistics | Accessible slides
Office for National Statistics
 
ER_Model_with_Diagrams_Presentation.pptx
dharaadhvaryu1992
 
apidays Helsinki & North 2025 - From Chaos to Clarity: Designing (AI-Ready) A...
apidays
 
Product Management in HealthTech (Case Studies from SnappDoctor)
Hamed Shams
 
Data Chunking Strategies for RAG in 2025.pdf
Tamanna
 
JavaScript - Good or Bad? Tips for Google Tag Manager
📊 Markus Baersch
 
b6057ea5-8e8c-4415-90c0-ed8e9666ffcd.pptx
Anees487379
 
AI Future trends and opportunities_oct7v1.ppt
SHIKHAKMEHTA
 
apidays Helsinki & North 2025 - API access control strategies beyond JWT bear...
apidays
 
R Cookbook - Processing and Manipulating Geological spatial data with R.pdf
OtnielSimopiaref2
 
Choosing the Right Database for Indexing.pdf
Tamanna
 
apidays Helsinki & North 2025 - APIs at Scale: Designing for Alignment, Trust...
apidays
 
apidays Singapore 2025 - The Quest for the Greenest LLM , Jean Philippe Ehre...
apidays
 
Ad

OSA Con 2022 - What Data Engineering Can Learn from Frontend Engineering - Pete Hunt - Elementl.pdf