We Solved Everything.

* That’s Why It’s So Darn Complicated.

🥳

Benedek
Gagyi

🌶️

Let's start

with the past

  • JS

    • jQuery

  • CSS

  • HTML

  • JS

    • ES5

    • Babel

    • Bower / npm

    • Grunt / Gulp

    • Backbone / Knockout /
      Angular

  • CSS

    • LESS / SASS / Compass

  • HTML (5)

❤️

When the flower blossoms, the bee will come.

  • Innovation  became constant
  • New browser capabilities almost daily
  • Open-source boom
  • Communities were born
  • At breakneck speed it is easy to make bad decisions
  • In an arms-race UX and DX are secondary
  • Constant change is anything but inclusive
  • Frontend fatigue
  • Bad memes 😒

*

We solved everything

... or at least made it pssible

Recent

past

🌶️

By the end of 2020 progress basically stopped

?

Never got completed

  • WebRTC
  • Subtle Crypto

Eternal
promises

  • Project Houdini
  • Tail Call Optimisation

Just fizzled

  • Webassembly
  • React Suspense

Done ✅

  • JS itself
  • TypeScript
  • Web Components
  • Progressive Web Apps
  • CSS Grid

Stagnation

  • HTML elements
  • Testing
  • Cross Platform works but...
  • CSS vs Tailwind
  • GraphQL

The fast pace resulted in tech debt

DX

UX

The Great Debate

*

*

Too much bloat gets shipped

Unfair load on the client devices

Terrible accessibility

SPAs are almost never the answer

Overengineering tech bro culture

Good DX is bad

Engineers sold out the UX for their own enjoyment: DX.

IF BRUTE FORCE DOESN'T WORK...

...YOU AREN'T USING ENOUGH OF IT

React is using engineering to make the UX better

SSG / SSR solutions are using engineering to make the DX better

We solved everything

... or at least the most common painpoints

Present

React has won

HTML and CSS are considered nowadays "low level"

Cross platform is
here to stay

SSG and SSR
are basically
"solved"

...and has become a huge business

Huge effort goes into the areas that are
complex

Yet this is not inherently democratic

Complexity is not 
proportional to area of impact

Complexity is through the roof

  • "Mature" frameworks

  • Performance

  • BE - FE blur

  • DevOps JS

  • Security (DevSecOps)

  • Design Systems

It has never been harder to enter the field as a junior

HTML

CSS

JS

TS

React

Lambdas

Next.js

AI

We solved everything

... at what cost?

Glass half full

Mature frameworks

Styleable

<select>

CSS nesting

Container
​queries

Position anchoring

has()

Future

Bigger codebases are harder to maintain

AI aided development is more productive

More data means better perfoming AI

The DX of a framework is less important when used with AI

The AI's strong suit is width, not depth

Bigger codebases are harder to maintain

AI aided development is more productive

At a certain point, it will be impossible to get by without AI

Bigger codebases are harder to maintain

AI aided development is more productive

More data means better perfoming AI

The DX of a framework is less important when used with AI

The AI's strong suit is width, not depth

AI aided development is more productive

More data means better perfoming AI

Winner takes it all

Extremely to hard to distrupt the status quo

The DX of a framework is less important when used with AI

Bigger codebases are harder to maintain

AI aided development is more productive

More data means better perfoming AI

The DX of a framework is less important when used with AI

The AI's strong suit is width, not depth

The DX of a framework is less important when used with AI

The AI's strong suit is width, not depth

Everybody has to be full-stack

Very deep knowledge is worth more than ever

What
this
means

for 
You

At a certain point, it will be impossible to get by without AI

Coding with the help of AI is a skill...

...and it's very much worth developing

It might not be the right time to live your "hipster" years

Winner takes it all

Extremely to hard to distrupt the status quo

Boarding the full-stack ship doesn't mean you can't be a frontend expert

Everybody has to be full-stack

Very deep knowledge is worth more than ever

Security, as a field, is here to stay

npm, as a whole, is a mess

It has never been easier to deliver high quality
 experiences for our users

We will solve everything

...eventually

The future is in great hands

Thank you!

Here's to the next 100!
🥂🥂🥂🥂🥂🥂🥂🥂🥂🥂🥂🥂

We solved everything

By Benedek Gagyi

We solved everything

  • 26