Redefining the Full Stack
https://swyx.io/paradigm-lost�swyx @ CascadiaJS 2022
SLIDESMANIA.COM
…raise the aspirations of other people, simply by suggesting they do something more ambitious…��…the benefit to them, and to the broader world,�may be enormous.
SLIDESMANIA.COM
“This talk changed my career!”
SLIDESMANIA.COM
This talk IS my career.
SLIDESMANIA.COM
The State of JS vs Rest of Software
Happy
Not valued
SLIDESMANIA.COM
SLIDESMANIA.COM
IV - Async
I - Standard
II - Reality
V - Data
III - Local
VI - AI
Analytical & Operational
Holotypes & Evolution
Reliable & Scheduled
Creative & Scary
Frontend & Backend, et al.
Speed & Architecture
SLIDESMANIA.COM
What does it mean to be
“Full Stack”?
SLIDESMANIA.COM
The Standard Fullstack Paradigm
Frontend vs Backend
Three Tier architecture
Cloud
SLIDESMANIA.COM
The Standard Model of Physics
Works well
Isn’t complete
SLIDESMANIA.COM
The Standard Paradigm of Fullstack Dev
Works well
Isn’t complete
SLIDESMANIA.COM
Developer Roadmaps
SLIDESMANIA.COM
Reductively simple
SLIDESMANIA.COM
Heavy�In the
Front
SLIDESMANIA.COM
Heavy�In the
Back
SLIDESMANIA.COM
Roadmaps
SLIDESMANIA.COM
Spectrum
SLIDESMANIA.COM
The Standard Paradigm: Named stacks
LAMP
MEAN
JAM
stack
client-server-db
stack
server-db
stack
client-CDN-serverless
SLIDESMANIA.COM
Standard Paradigm:
Three Tiers
SLIDESMANIA.COM
Standard Paradigm:
Layers
SLIDESMANIA.COM
Reality
Application Holotypes
Evolution of Requirements
Where are the JS Developers?
SLIDESMANIA.COM
Apps you love + Apps you use + Apps that make money
SLIDESMANIA.COM
Application Holotypes
SLIDESMANIA.COM
Application Holotypes
SLIDESMANIA.COM
Evolution of a Blog
SLIDESMANIA.COM
Evolution of a Blog
Evolution of an App
???
SLIDESMANIA.COM
How do you build this?
arXiv
arXiv-sanity
SLIDESMANIA.COM
“arxiv-sanity is a lifesaver”
SLIDESMANIA.COM
Generalizing from arXiv
SLIDESMANIA.COM
How do you build this?
SLIDESMANIA.COM
How do you build this?
SLIDESMANIA.COM
4 Paradigm Shifts
III - Local
IV - Async
V - Data
VI - AI
Speed & Architecture
Reliable & Scheduled
Analytical & Operational
Creative & Scary
SLIDESMANIA.COM
Local
PWA
Offline-first
Edge & Serverless
SLIDESMANIA.COM
The non-local paradigm
SLIDESMANIA.COM
PWA WASM
SLIDESMANIA.COM
Move the Backend To The User
Edge Functions
Embedded Database
SLIDESMANIA.COM
Edge Functions
Supabase, Netlify, �Vercel, Cloudflare
SLIDESMANIA.COM
DIY
vs
Off the shelf
Embedded Database
SLIDESMANIA.COM
Embedded Database (Mature)
Meteor Minimongo
AWS AppSync DataStore
SLIDESMANIA.COM
Embedded Database (prototype)
SQLite (OLTP)
DuckDB (OLAP)
SLIDESMANIA.COM
Local-First Paradigm
SLIDESMANIA.COM
Async
Async should be easy
Reliability is hard
Job runner => Workflow engine
SLIDESMANIA.COM
Callback hell
Callbacks
Async/Await
SLIDESMANIA.COM
Callback hell
Callbacks
Async/Await
SLIDESMANIA.COM
Callback hell
Callbacks
Async/Await
SLIDESMANIA.COM
Why Async is valuable
Amazon’s one-click buy button
The Engineering behind Amazon's One Click Buy Button — Joel Spolsky
SLIDESMANIA.COM
Why Async is Hard
SLIDESMANIA.COM
Async tooling
SLIDESMANIA.COM
Async Hell
SLIDESMANIA.COM
Async Hell
SLIDESMANIA.COM
SLIDESMANIA.COM
Workflow Engines
SLIDESMANIA.COM
SLIDESMANIA.COM
Surprisingly ubiquitous
SLIDESMANIA.COM
Becoming a career
SLIDESMANIA.COM
Data
Data is big… really big
The Analytics Stack
Operational Data
SLIDESMANIA.COM
The Data Blind Spot
Add “data engineer” to this…
SLIDESMANIA.COM
Exponential Data
SLIDESMANIA.COM
Data as Moat
Data as UX
SLIDESMANIA.COM
Application Holotypes
SLIDESMANIA.COM
Data Intensive Holotypes
SLIDESMANIA.COM
Data Intensive Applications
SLIDESMANIA.COM
The Data Blind Spot
SLIDESMANIA.COM
Analytical Data Needs
2014
2022
SLIDESMANIA.COM
Data Science
vs Data Eng �Hierarchy
SLIDESMANIA.COM
Evolution of Analytical Data Needs
SLIDESMANIA.COM
Evolution of Startup Data Needs
SLIDESMANIA.COM
Analytical Data Needs: ETL
SLIDESMANIA.COM
ETL -> ELT
SLIDESMANIA.COM
From Analytical to Operational
SLIDESMANIA.COM
This is a massive industry… (use it)
SLIDESMANIA.COM
AI
Software 3.0
Prompt Engineering
Ethics
SLIDESMANIA.COM
Software 2.0
Usecases
Benefits
SLIDESMANIA.COM
Evolution of Software
SLIDESMANIA.COM
Software 3.0 - Large Models
GPT-3
Dall-E, Midjourney, Stable Diffusion
SLIDESMANIA.COM
How large is Large?
SLIDESMANIA.COM
Capabilities of LLMs
I love you → Te quiero. �I have a lot of work → Tengo mucho trabajo.
SLIDESMANIA.COM
Capabilities of LLMs
SLIDESMANIA.COM
Capabilities of LLMs
SLIDESMANIA.COM
Capabilities of LLMs
SLIDESMANIA.COM
Capabilities of LLMs
SLIDESMANIA.COM
Capabilities of LLMs
SLIDESMANIA.COM
Capabilities of LLMs
+ Prompt =
SLIDESMANIA.COM
Capabilities of LLMs
SLIDESMANIA.COM
Prompt Engineering
SLIDESMANIA.COM
Not a joke
SLIDESMANIA.COM
But it’s still funny
SLIDESMANIA.COM
This will be an industry…
SLIDESMANIA.COM
… with lots of ethical issues
SLIDESMANIA.COM
GANs
LLMs
SLIDESMANIA.COM
Evolution of Software
SLIDESMANIA.COM
This is where you section ends. Duplicate this set of slides as many times you need to go over all your sections.
SLIDESMANIA.COM
What does it mean to be
“Full Stack”?
SLIDESMANIA.COM
What does it mean to be full stack?
PWAMVCCRUDOrchestrationETLDS/MLPrompts
SLIDESMANIA.COM
SLIDESMANIA.COM
The end
You know how to reach me
SLIDESMANIA.COM
Selling Data isn’t always bad
SLIDESMANIA.COM
Dogs can smell your feelings.
Dogs can pick up on subtle changes in your scent, which can help him figure out how you are feeling, such as by smelling your perspiration when you become nervous or fearful.
SLIDESMANIA.COM
Dogs can smell your feelings.
Dogs can pick up on subtle changes in your scent, which can help him figure out how you are feeling, such as by smelling your perspiration when you become nervous or fearful.
SLIDESMANIA.COM
Pandas don’t hibernate.
When winter approaches, they head lower down their mountain homes to warmer temperatures, where they continue to chomp away on bamboo!
SLIDESMANIA.COM
Did you know?
Elephants and storms.
Did you know that elephants can sense storms?
Elephants may be able to detect a thunderstorm from hundreds of miles away, and will head towards it, looking for water.
SLIDESMANIA.COM
Did you know?
A man's best friend...
Mmm, can I fit in?...
Did you know that a cat uses its whiskers as feelers to determine if a space is too small to squeeze through?
Also, cats love to sleep. A fifteen-year-old cat has probably spent ten years of its life sleeping.
Did you know that dogs can smell your feelings?
Dogs can pick up on subtle changes in your scent, which can help him figure out how you are feeling, such as by smelling your perspiration when you become nervous or fearful.
SLIDESMANIA.COM
Koalas are even more lazy than cats.
Koalas don’t have much energy and, when not feasting on leaves, they spend their time dozing in the branches. Believe it or not, they can sleep for up to 18 hours a day!
SLIDESMANIA.COM
Cats use their whiskers as feelers...
...to determine if a space is too small to squeeze through.
Also, cats love to sleep. A fifteen-year-old cat has probably spent ten years of its life sleeping.
SLIDESMANIA.COM
Did you know?
Pandas don’t hibernate.
There are more kangaroos than humans in Australia.
Koalas are even more lazy than cats.
It is estimated that more than 50 million kangaroos live there. They are Australia’s national symbol and appear on postage stamps, coins, and airplanes.
Koalas don’t have much energy and, when not feasting on leaves, they spend their time dozing in the branches. Believe it or not, they can sleep for up to 18 hours a day!
When winter approaches, they head lower down their mountain homes to warmer temperatures, where they continue to chomp away on bamboo!
SLIDESMANIA.COM
Some facts about my cats.
100%
25%
75%
Traveled by plane. Twice!
Of my cats are adorable.
Are females.
SLIDESMANIA.COM
Let’s review some facts.
Elephants
Dogs
Cats
Pandas
Kangaroos
Koalas
Koalas are even more lazy than cats.
Elephants can sense storms.
Dogs can smell your feelings.
Pandas don’t hibernate.
There are more kangaroos than humans in Australia.
Cats use their whiskers as feelers.
SLIDESMANIA.COM
This is our team!
Erika V.
John S.
Marie M.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
SLIDESMANIA.COM
This is an editable world map.
Showcase places
100% Editable
You can use maps to show your offices or markets. Or as charts, highlighting the countries and adding your data.
You can double click on the desired country and change fill color.
SLIDESMANIA.COM
And this is a timeline or process
1995
2003
2006
2015
2022
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
SLIDESMANIA.COM
Presenting a website or an app?
If you are presenting a website, an internet product or an app, you can place a screenshot of it here.
SLIDESMANIA.COM
Presenting a website or an app?
If you are presenting a website, an internet product or an app, you can place a screenshot of it here.
SLIDESMANIA.COM
Credits.
SLIDESMANIA.COM
Editable Icons
SLIDESMANIA.COM
Hello! I’m...
Here is where you introduce yourself.
You can add your name, title and a little background. Right click the image and replace it with your own.
SLIDESMANIA.COM
Free themes and templates for Google Slides or PowerPoint
NOT to be sold as is or modified!
Read FAQ on slidesmania.com
Do not remove the slidesmania.com text on the sides.
Sharing is caring!