What happens after react?

Jesper Bylund
Jesper BylundHuman experience designer at Odd Alice
What happens after React?
Javascript frameworks of the future
www.jesperbylund.com @jesperbylund
HTML
HTML + jQuery
Wordcamp 2014
“The Dawn Of Web Apps”
Angular, BackBone, Ember
ReactJS
Reactive frameworks
Shadow DOM
Side effects…
What happens after react?
(or StencilJS etc)
Advantage 1 - output agnostic
Advantage 2 - speed
Demo
Advantage 3 - less code
What happens after react?
WebComponents
768 rows
17 542 chars ReactJS
513 rows

12 980 chars
Svelte
144 rows

3588
Advantage 4 -
handles CSS and animations
So is it difficult to start?
<script>
let name = “SthlmJS”;
</script>
<h1>Hello {name}!</h1>
npx degit sveltejs/template my-svelte-project

cd my-svelte-project

npm install

npm run dev
What about the bad parts?
Go forth and geek
svelte.dev
www.jesperbylund.com @jesperbylund
1 of 23

Recommended

MVVM for the Web by
MVVM for the WebMVVM for the Web
MVVM for the WebExcella
5.9K views31 slides
08 Workflow e strumenti web by
08 Workflow e strumenti web08 Workflow e strumenti web
08 Workflow e strumenti webFederico Russo
489 views16 slides
NodeSummit - MEAN Stack by
NodeSummit - MEAN StackNodeSummit - MEAN Stack
NodeSummit - MEAN StackValeri Karpov
4.1K views32 slides
MEAN stack by
MEAN stackMEAN stack
MEAN stackIryney Baran
714 views20 slides
The Web We Weave :: How Web Developers Think About Performance by
The Web We Weave :: How Web Developers Think About PerformanceThe Web We Weave :: How Web Developers Think About Performance
The Web We Weave :: How Web Developers Think About PerformanceOliver Tse
321 views101 slides
The MEAN Stack: MongoDB, ExpressJS, AngularJS and Node.js by
The MEAN Stack: MongoDB, ExpressJS, AngularJS and Node.jsThe MEAN Stack: MongoDB, ExpressJS, AngularJS and Node.js
The MEAN Stack: MongoDB, ExpressJS, AngularJS and Node.jsMongoDB
78.7K views29 slides

More Related Content

What's hot

Performace optimizations and frontend happiness by
Performace optimizations and frontend happinessPerformace optimizations and frontend happiness
Performace optimizations and frontend happinessnuria_ruiz
3.1K views40 slides
More efficient, usable web by
More efficient, usable webMore efficient, usable web
More efficient, usable webChris Mills
179 views57 slides
Deploying Rails on EC2 using Rubber (Slides Only) by
Deploying Rails on EC2 using Rubber (Slides Only)Deploying Rails on EC2 using Rubber (Slides Only)
Deploying Rails on EC2 using Rubber (Slides Only)wr0ngway
1K views29 slides
Node.js with Express by
Node.js with ExpressNode.js with Express
Node.js with ExpressGergely Németh
2.2K views10 slides
Scalatra - Scalar Mini by
Scalatra  - Scalar MiniScalatra  - Scalar Mini
Scalatra - Scalar MiniSoftwareMill
876 views11 slides
Node.js primer by
Node.js primerNode.js primer
Node.js primerSwapnil Mishra
1.5K views15 slides

What's hot(19)

Performace optimizations and frontend happiness by nuria_ruiz
Performace optimizations and frontend happinessPerformace optimizations and frontend happiness
Performace optimizations and frontend happiness
nuria_ruiz3.1K views
More efficient, usable web by Chris Mills
More efficient, usable webMore efficient, usable web
More efficient, usable web
Chris Mills179 views
Deploying Rails on EC2 using Rubber (Slides Only) by wr0ngway
Deploying Rails on EC2 using Rubber (Slides Only)Deploying Rails on EC2 using Rubber (Slides Only)
Deploying Rails on EC2 using Rubber (Slides Only)
wr0ngway1K views
Scalatra - Scalar Mini by SoftwareMill
Scalatra  - Scalar MiniScalatra  - Scalar Mini
Scalatra - Scalar Mini
SoftwareMill876 views
Maurizio Mangione - Get the best out of your PWA with Workbox JS - Codemotion... by Codemotion
Maurizio Mangione - Get the best out of your PWA with Workbox JS - Codemotion...Maurizio Mangione - Get the best out of your PWA with Workbox JS - Codemotion...
Maurizio Mangione - Get the best out of your PWA with Workbox JS - Codemotion...
Codemotion177 views
Be IT Conference 2015 | MentorMate - Adding multiplayer to your mobile game: ... by Polina Dekova
Be IT Conference 2015 | MentorMate - Adding multiplayer to your mobile game: ...Be IT Conference 2015 | MentorMate - Adding multiplayer to your mobile game: ...
Be IT Conference 2015 | MentorMate - Adding multiplayer to your mobile game: ...
Polina Dekova323 views
Understanding Page Load / Ziling Zhao (Google) by Ontico
Understanding Page Load / Ziling Zhao (Google)Understanding Page Load / Ziling Zhao (Google)
Understanding Page Load / Ziling Zhao (Google)
Ontico1.1K views
Introduction to Node.js by Edy Segura
Introduction to Node.jsIntroduction to Node.js
Introduction to Node.js
Edy Segura773 views
First Step Into NodeJS World by Riza Fahmi
First Step Into NodeJS WorldFirst Step Into NodeJS World
First Step Into NodeJS World
Riza Fahmi239 views
Comet, Simplified, with Jabbify Comet Service by Brian Moschel
Comet, Simplified, with Jabbify Comet ServiceComet, Simplified, with Jabbify Comet Service
Comet, Simplified, with Jabbify Comet Service
Brian Moschel488 views

More from Jesper Bylund

What happens after react? (second edition) by
What happens after react? (second edition)What happens after react? (second edition)
What happens after react? (second edition)Jesper Bylund
184 views22 slides
Text Editing & Input Conflicts by
Text Editing & Input ConflictsText Editing & Input Conflicts
Text Editing & Input ConflictsJesper Bylund
332 views35 slides
What is so Ethical about Design? by
What is so Ethical about Design?What is so Ethical about Design?
What is so Ethical about Design?Jesper Bylund
730 views35 slides
Ethics in design (8 feb 2018) by
Ethics in design (8 feb 2018)Ethics in design (8 feb 2018)
Ethics in design (8 feb 2018)Jesper Bylund
379 views14 slides
Wordpress & Backbone: The Dawn of Web Apps by
Wordpress & Backbone: The Dawn of Web AppsWordpress & Backbone: The Dawn of Web Apps
Wordpress & Backbone: The Dawn of Web AppsJesper Bylund
3.4K views36 slides
WordPress och den responsiva webben by
WordPress och den responsiva webbenWordPress och den responsiva webben
WordPress och den responsiva webbenJesper Bylund
519 views35 slides

More from Jesper Bylund(7)

What happens after react? (second edition) by Jesper Bylund
What happens after react? (second edition)What happens after react? (second edition)
What happens after react? (second edition)
Jesper Bylund184 views
Text Editing & Input Conflicts by Jesper Bylund
Text Editing & Input ConflictsText Editing & Input Conflicts
Text Editing & Input Conflicts
Jesper Bylund332 views
What is so Ethical about Design? by Jesper Bylund
What is so Ethical about Design?What is so Ethical about Design?
What is so Ethical about Design?
Jesper Bylund730 views
Ethics in design (8 feb 2018) by Jesper Bylund
Ethics in design (8 feb 2018)Ethics in design (8 feb 2018)
Ethics in design (8 feb 2018)
Jesper Bylund379 views
Wordpress & Backbone: The Dawn of Web Apps by Jesper Bylund
Wordpress & Backbone: The Dawn of Web AppsWordpress & Backbone: The Dawn of Web Apps
Wordpress & Backbone: The Dawn of Web Apps
Jesper Bylund3.4K views
WordPress och den responsiva webben by Jesper Bylund
WordPress och den responsiva webbenWordPress och den responsiva webben
WordPress och den responsiva webben
Jesper Bylund519 views

Recently uploaded

DSD-INT 2023 HydroMT model building and river-coast coupling in Python - Bove... by
DSD-INT 2023 HydroMT model building and river-coast coupling in Python - Bove...DSD-INT 2023 HydroMT model building and river-coast coupling in Python - Bove...
DSD-INT 2023 HydroMT model building and river-coast coupling in Python - Bove...Deltares
17 views17 slides
Winter '24 Release Chat.pdf by
Winter '24 Release Chat.pdfWinter '24 Release Chat.pdf
Winter '24 Release Chat.pdfmelbourneauuser
9 views20 slides
DSD-INT 2023 FloodAdapt - A decision-support tool for compound flood risk mit... by
DSD-INT 2023 FloodAdapt - A decision-support tool for compound flood risk mit...DSD-INT 2023 FloodAdapt - A decision-support tool for compound flood risk mit...
DSD-INT 2023 FloodAdapt - A decision-support tool for compound flood risk mit...Deltares
13 views34 slides
Dev-Cloud Conference 2023 - Continuous Deployment Showdown: Traditionelles CI... by
Dev-Cloud Conference 2023 - Continuous Deployment Showdown: Traditionelles CI...Dev-Cloud Conference 2023 - Continuous Deployment Showdown: Traditionelles CI...
Dev-Cloud Conference 2023 - Continuous Deployment Showdown: Traditionelles CI...Marc Müller
36 views83 slides
A first look at MariaDB 11.x features and ideas on how to use them by
A first look at MariaDB 11.x features and ideas on how to use themA first look at MariaDB 11.x features and ideas on how to use them
A first look at MariaDB 11.x features and ideas on how to use themFederico Razzoli
45 views36 slides
Geospatial Synergy: Amplifying Efficiency with FME & Esri ft. Peak Guest Spea... by
Geospatial Synergy: Amplifying Efficiency with FME & Esri ft. Peak Guest Spea...Geospatial Synergy: Amplifying Efficiency with FME & Esri ft. Peak Guest Spea...
Geospatial Synergy: Amplifying Efficiency with FME & Esri ft. Peak Guest Spea...Safe Software
412 views59 slides

Recently uploaded(20)

DSD-INT 2023 HydroMT model building and river-coast coupling in Python - Bove... by Deltares
DSD-INT 2023 HydroMT model building and river-coast coupling in Python - Bove...DSD-INT 2023 HydroMT model building and river-coast coupling in Python - Bove...
DSD-INT 2023 HydroMT model building and river-coast coupling in Python - Bove...
Deltares17 views
DSD-INT 2023 FloodAdapt - A decision-support tool for compound flood risk mit... by Deltares
DSD-INT 2023 FloodAdapt - A decision-support tool for compound flood risk mit...DSD-INT 2023 FloodAdapt - A decision-support tool for compound flood risk mit...
DSD-INT 2023 FloodAdapt - A decision-support tool for compound flood risk mit...
Deltares13 views
Dev-Cloud Conference 2023 - Continuous Deployment Showdown: Traditionelles CI... by Marc Müller
Dev-Cloud Conference 2023 - Continuous Deployment Showdown: Traditionelles CI...Dev-Cloud Conference 2023 - Continuous Deployment Showdown: Traditionelles CI...
Dev-Cloud Conference 2023 - Continuous Deployment Showdown: Traditionelles CI...
Marc Müller36 views
A first look at MariaDB 11.x features and ideas on how to use them by Federico Razzoli
A first look at MariaDB 11.x features and ideas on how to use themA first look at MariaDB 11.x features and ideas on how to use them
A first look at MariaDB 11.x features and ideas on how to use them
Federico Razzoli45 views
Geospatial Synergy: Amplifying Efficiency with FME & Esri ft. Peak Guest Spea... by Safe Software
Geospatial Synergy: Amplifying Efficiency with FME & Esri ft. Peak Guest Spea...Geospatial Synergy: Amplifying Efficiency with FME & Esri ft. Peak Guest Spea...
Geospatial Synergy: Amplifying Efficiency with FME & Esri ft. Peak Guest Spea...
Safe Software412 views
DSD-INT 2023 Thermobaricity in 3D DCSM-FM - taking pressure into account in t... by Deltares
DSD-INT 2023 Thermobaricity in 3D DCSM-FM - taking pressure into account in t...DSD-INT 2023 Thermobaricity in 3D DCSM-FM - taking pressure into account in t...
DSD-INT 2023 Thermobaricity in 3D DCSM-FM - taking pressure into account in t...
Deltares9 views
Advanced API Mocking Techniques by Dimpy Adhikary
Advanced API Mocking TechniquesAdvanced API Mocking Techniques
Advanced API Mocking Techniques
Dimpy Adhikary19 views
DSD-INT 2023 Dam break simulation in Derna (Libya) using HydroMT_SFINCS - Prida by Deltares
DSD-INT 2023 Dam break simulation in Derna (Libya) using HydroMT_SFINCS - PridaDSD-INT 2023 Dam break simulation in Derna (Libya) using HydroMT_SFINCS - Prida
DSD-INT 2023 Dam break simulation in Derna (Libya) using HydroMT_SFINCS - Prida
Deltares18 views
DSD-INT 2023 Next-Generation Flood Inundation Mapping for Taiwan - Delft3D FM... by Deltares
DSD-INT 2023 Next-Generation Flood Inundation Mapping for Taiwan - Delft3D FM...DSD-INT 2023 Next-Generation Flood Inundation Mapping for Taiwan - Delft3D FM...
DSD-INT 2023 Next-Generation Flood Inundation Mapping for Taiwan - Delft3D FM...
Deltares7 views
.NET Developer Conference 2023 - .NET Microservices mit Dapr – zu viel Abstra... by Marc Müller
.NET Developer Conference 2023 - .NET Microservices mit Dapr – zu viel Abstra....NET Developer Conference 2023 - .NET Microservices mit Dapr – zu viel Abstra...
.NET Developer Conference 2023 - .NET Microservices mit Dapr – zu viel Abstra...
Marc Müller38 views
Fleet Management Software in India by Fleetable
Fleet Management Software in India Fleet Management Software in India
Fleet Management Software in India
Fleetable11 views
Roadmap y Novedades de producto by Neo4j
Roadmap y Novedades de productoRoadmap y Novedades de producto
Roadmap y Novedades de producto
Neo4j50 views
Tridens DevOps by Tridens
Tridens DevOpsTridens DevOps
Tridens DevOps
Tridens9 views
DSD-INT 2023 Simulating a falling apron in Delft3D 4 - Engineering Practice -... by Deltares
DSD-INT 2023 Simulating a falling apron in Delft3D 4 - Engineering Practice -...DSD-INT 2023 Simulating a falling apron in Delft3D 4 - Engineering Practice -...
DSD-INT 2023 Simulating a falling apron in Delft3D 4 - Engineering Practice -...
Deltares6 views
DSD-INT 2023 Delft3D FM Suite 2024.01 2D3D - New features + Improvements - Ge... by Deltares
DSD-INT 2023 Delft3D FM Suite 2024.01 2D3D - New features + Improvements - Ge...DSD-INT 2023 Delft3D FM Suite 2024.01 2D3D - New features + Improvements - Ge...
DSD-INT 2023 Delft3D FM Suite 2024.01 2D3D - New features + Improvements - Ge...
Deltares16 views
Elevate your SAP landscape's efficiency and performance with HCL Workload Aut... by HCLSoftware
Elevate your SAP landscape's efficiency and performance with HCL Workload Aut...Elevate your SAP landscape's efficiency and performance with HCL Workload Aut...
Elevate your SAP landscape's efficiency and performance with HCL Workload Aut...
HCLSoftware6 views
MariaDB stored procedures and why they should be improved by Federico Razzoli
MariaDB stored procedures and why they should be improvedMariaDB stored procedures and why they should be improved
MariaDB stored procedures and why they should be improved

What happens after react?