Slide 1
Slide 1 text
The Final Frontier of Web Development
React Server Components vs Jakarta EE
Ivar Grimstad
Jakarta EE Developer Advocate
Eclipse Foundation
Slide 2
Slide 2 text
https://github.com/ivargrimstad
https://www.linkedin.com/in/ivargrimstad
@[email protected]
ivargrimstad_of
fi
cial
@ivar_grimstad
https://www.threads.net/@ivargrimstad_of
fi
cial
Slide 3
Slide 3 text
COPYRIGHT (C) 2024, ECLIPSE FOUNDATION, INC. | THIS WORK IS LICENSED UNDER A CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE (CC BY 4.0)
Slide 4
Slide 4 text
COPYRIGHT (C) 2024, ECLIPSE FOUNDATION, INC. | THIS WORK IS LICENSED UNDER A CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE (CC BY 4.0)
Why This Talk?
Slide 5
Slide 5 text
COPYRIGHT (C) 2024, ECLIPSE FOUNDATION, INC. | THIS WORK IS LICENSED UNDER A CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE (CC BY 4.0)
Server Side Rendering
Is HOT Again
Slide 6
Slide 6 text
COPYRIGHT (C) 2024, ECLIPSE FOUNDATION, INC. | THIS WORK IS LICENSED UNDER A CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE (CC BY 4.0)
Disclaimer!
Slide 7
Slide 7 text
COPYRIGHT (C) 2024, ECLIPSE FOUNDATION, INC. | THIS WORK IS LICENSED UNDER A CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE (CC BY 4.0)
I don’t know JavaScript…
Slide 8
Slide 8 text
{.js}
Slide 9
Slide 9 text
COPYRIGHT (C) 2024, ECLIPSE FOUNDATION, INC. | THIS WORK IS LICENSED UNDER A CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE (CC BY 4.0)
NOTE: No versus
Slide 10
Slide 10 text
COPYRIGHT (C) 2024, ECLIPSE FOUNDATION, INC. | THIS WORK IS LICENSED UNDER A CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE (CC BY 4.0)
Server Side Scripting
{.js}
Client Side Scripting
Slide 11
Slide 11 text
COPYRIGHT (C) 2024, ECLIPSE FOUNDATION, INC. | THIS WORK IS LICENSED UNDER A CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE (CC BY 4.0)
Client Side
Server Side
Slide 12
Slide 12 text
{.js}
Client Side
Server Side
Client Side
Server Side
Slide 13
Slide 13 text
COPYRIGHT (C) 2024, ECLIPSE FOUNDATION, INC. | THIS WORK IS LICENSED UNDER A CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE (CC BY 4.0)
Nothing FINAL
Slide 14
Slide 14 text
No content
Slide 15
Slide 15 text
COPYRIGHT (C) 2024, ECLIPSE FOUNDATION, INC. | THIS WORK IS LICENSED UNDER A CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE (CC BY 4.0)
Web Development
Slide 16
Slide 16 text
COPYRIGHT (C) 2024, ECLIPSE FOUNDATION, INC. | THIS WORK IS LICENSED UNDER A CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE (CC BY 4.0)
Client Side
vs
Server Side
Slide 17
Slide 17 text
COPYRIGHT (C) 2024, ECLIPSE FOUNDATION, INC. | THIS WORK IS LICENSED UNDER A CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE (CC BY 4.0)
Client Side Rendering
Slide 18
Slide 18 text
COPYRIGHT (C) 2024, ECLIPSE FOUNDATION, INC. | THIS WORK IS LICENSED UNDER A CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE (CC BY 4.0)
Browser
Server
Click
Response
Request
JS
Slide 19
Slide 19 text
COPYRIGHT (C) 2024, ECLIPSE FOUNDATION, INC. | THIS WORK IS LICENSED UNDER A CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE (CC BY 4.0)
Server Side Rendering
Slide 20
Slide 20 text
COPYRIGHT (C) 2024, ECLIPSE FOUNDATION, INC. | THIS WORK IS LICENSED UNDER A CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE (CC BY 4.0)
Browser
Server
Click
Response
Request
HTM
HTM
Slide 21
Slide 21 text
COPYRIGHT (C) 2024, ECLIPSE FOUNDATION, INC. | THIS WORK IS LICENSED UNDER A CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE (CC BY 4.0)
Advantages
of
Server Side Rendering
Slide 22
Slide 22 text
COPYRIGHT (C) 2024, ECLIPSE FOUNDATION, INC. | THIS WORK IS LICENSED UNDER A CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE (CC BY 4.0)
Performance
Slide 23
Slide 23 text
COPYRIGHT (C) 2024, ECLIPSE FOUNDATION, INC. | THIS WORK IS LICENSED UNDER A CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE (CC BY 4.0)
Initial Page Load
Slide 24
Slide 24 text
COPYRIGHT (C) 2024, ECLIPSE FOUNDATION, INC. | THIS WORK IS LICENSED UNDER A CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE (CC BY 4.0)
Browser
Server
Click
Response
Request
JS
Slide 25
Slide 25 text
COPYRIGHT (C) 2024, ECLIPSE FOUNDATION, INC. | THIS WORK IS LICENSED UNDER A CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE (CC BY 4.0)
Caching
Slide 26
Slide 26 text
COPYRIGHT (C) 2024, ECLIPSE FOUNDATION, INC. | THIS WORK IS LICENSED UNDER A CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE (CC BY 4.0)
Browser
Server
Click
Response
Request
HTM
HTM
Slide 27
Slide 27 text
COPYRIGHT (C) 2024, ECLIPSE FOUNDATION, INC. | THIS WORK IS LICENSED UNDER A CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE (CC BY 4.0)
Data Fetching
Slide 28
Slide 28 text
COPYRIGHT (C) 2024, ECLIPSE FOUNDATION, INC. | THIS WORK IS LICENSED UNDER A CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE (CC BY 4.0)
Browser
Server
Response
Request
Slide 29
Slide 29 text
COPYRIGHT (C) 2024, ECLIPSE FOUNDATION, INC. | THIS WORK IS LICENSED UNDER A CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE (CC BY 4.0)
Security
Slide 30
Slide 30 text
COPYRIGHT (C) 2024, ECLIPSE FOUNDATION, INC. | THIS WORK IS LICENSED UNDER A CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE (CC BY 4.0)
Server Side Rendering
Client Side Rendering
Browser
Server
- API Keys
- Data
- Logic
Security
Slide 31
Slide 31 text
COPYRIGHT (C) 2024, ECLIPSE FOUNDATION, INC. | THIS WORK IS LICENSED UNDER A CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE (CC BY 4.0)
Search Engine Optimisation
(SEO)
Slide 32
Slide 32 text
Let’s Talk About
Slide 33
Slide 33 text
COPYRIGHT (C) 2024, ECLIPSE FOUNDATION, INC. | THIS WORK IS LICENSED UNDER A CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE (CC BY 4.0)
Speci
fi
cation
Document
API
TCK
Final Speci
fi
cation
Compatible
Implementation(s)
Speci
fi
Slide 34
Slide 34 text
No content
Slide 35
Slide 35 text
Jakarta EE 10 Platform
Updated
Not Updated
New
Authorization 2.1
Activation 2.1
Batch 2.1
Connectors 2.1
Mail 2.1
Messaging 3.1
Enterprise Beans 4.0
RESTful Web Services 3.1
JSON Processing 2.1
JSON Binding 3.0
Annotations 2.1
CDI Lite 4.0
Interceptors 2.1
Dependency Injection 2.0
Servlet 6.0
Server Pages 3.1
Expression Language 5.0
Debugging Support 2.0
Standard Tag Libraries 3.0
Faces 4.0
WebSocket 2.1
Enterprise Beans Lite 4.0
Persistence 3.1
Transactions 2.0
Managed Beans 2.0
CDI 4.0
Authentication 3.0
Concurrency 3.0
Security 3.0
Bean Validation 3.0
Slide 36
Slide 36 text
RESTful Web Services 4.0
JSON Processing 2.1
JSON Binding 3.0
Annotations 3.0
CDI Lite 4.1
Interceptors 2.2
Dependency Injection 2.0
Servlet 6.1
Pages 4.0
Expression Language 6.0
Debugging Support 2.0
Standard Tag Libraries 3.0
Faces 4.1
WebSocket 2.2
Enterprise Beans Lite 4.0
Persistence 3.2
Transactions 2.0
CDI 4.1
Authentication 3.1
Concurrency 3.1
Security 4.0
Validation 3.1
Data 1.0
Authorization 3.0
Activation 2.1
Batch 2.1
Connectors 2.1
Mail 2.1
Messaging 3.1
Enterprise Beans 4.0
Jakarta EE 11 Platform
Jakarta EE 11 Web Pro
fi
Updated
Not Updated
New
Slide 37
Slide 37 text
Jakarta EE 11 Web Pro
fi
le
RESTful Web Services 4.0
JSON Processing 2.1
JSON Binding 3.0
Annotations 3.0
CDI Lite 4.1
Interceptors 2.2
Dependency Injection 2.0
Servlet 6.1
Pages 4.0
Expression Language 6.0
Debugging Support 2.0
Standard Tag Libraries 3.0
Faces 4.1
WebSocket 2.2
Enterprise Beans Lite 4.0
Persistence 3.2
Transactions 2.0
CDI 4.1
Authentication 3.1
Concurrency 3.1
Security 4.0
Validation 3.1
Data 1.0
Jakarta EE 11 Core Pro
fi
Updated
Not Updated
New
Slide 38
Slide 38 text
Jakarta EE 11 Core Pro
fi
le
Updated
Not Updated
New
RESTful Web Services 4.0
JSON Processing 2.1
JSON Binding 3.0
Annotations 3.0
CDI Lite 4.1
Interceptors 2.2
Dependency Injection 2.0
Slide 39
Slide 39 text
Jakarta EE 11 Platform
Updated
Not Updated
New
Authorization 3.0
Activation 2.1
Batch 2.1
Connectors 2.1
Mail 2.1
Messaging 3.1
Enterprise Beans 4.0
RESTful Web Services 4.0
JSON Processing 2.1
JSON Binding 3.0
Annotations 3.0
CDI Lite 4.1
Interceptors 2.2
Dependency Injection 2.0
Servlet 6.1
Pages 4.0
Expression Language 6.0
Debugging Support 2.0
Standard Tag Libraries 3.0
Faces 4.1
WebSocket 2.2
Enterprise Beans Lite 4.0
Persistence 3.2
Transactions 2.0
CDI 4.1
Authentication 3.1
Concurrency 3.1
Security 4.0
Validation 3.1
Jakarta EE 11 Platform
Updated
Not Updated
New
Data 1.0
Slide 40
Slide 40 text
Jakarta EE 11 Platform
Updated
Not Updated
New
Authorization 3.0
Activation 2.1
Batch 2.1
Connectors 2.1
Mail 2.1
Messaging 3.1
Enterprise Beans 4.0
RESTful Web Services 4.0
JSON Processing 2.1
JSON Binding 3.0
Annotations 3.0
CDI Lite 4.1
Interceptors 2.2
Dependency Injection 2.0
Servlet 6.1
Pages 4.0
Expression Language 6.0
Debugging Support 2.0
Standard Tag Libraries 3.0
Faces 4.1
WebSocket 2.2
Enterprise Beans Lite 4.0
Persistence 3.2
Transactions 2.0
CDI 4.1
Authentication 3.1
Concurrency 3.1
Security 4.0
Validation 3.1
Jakarta EE 11 Platform
Updated
Not Updated
New
Data 1.0
Slide 41
Slide 41 text
{.js}
Slide 42
Slide 42 text
No content
Slide 43
Slide 43 text
COPYRIGHT (C) 2024, ECLIPSE FOUNDATION, INC. | THIS WORK IS LICENSED UNDER A CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE (CC BY 4.0)
Jakarta Pages
(JSP)
DEMO
Slide 44
Slide 44 text
EJS Demo
EJS Demo
<% if(true){ %>Greetings from GeeCON 2024
<% } %>Slide 45
Slide 45 text
<%@ page contentType="text/html;charset=UTF-8" language=“java" %>
JSP Demo
JSP Demo
<% if(true){ %>Greetings from GeeCON 2024
<% } %>Slide 46
Slide 46 text
COPYRIGHT (C) 2024, ECLIPSE FOUNDATION, INC. | THIS WORK IS LICENSED UNDER A CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE (CC BY 4.0)
Jakarta Pages 4.0
https://jakarta.ee/speci
fi
cations/pages/4.0/
Slide 47
Slide 47 text
Jakarta EE 11 Platform
Updated
Not Updated
New
Authorization 3.0
Activation 2.1
Batch 2.1
Connectors 2.1
Mail 2.1
Messaging 3.1
Enterprise Beans 4.0
RESTful Web Services 4.0
JSON Processing 2.1
JSON Binding 3.0
Annotations 3.0
CDI Lite 4.1
Interceptors 2.2
Dependency Injection 2.0
Servlet 6.1
Pages 4.0
Expression Language 6.0
Debugging Support 2.0
Standard Tag Libraries 3.0
Faces 4.1
WebSocket 2.2
Enterprise Beans Lite 4.0
Persistence 3.2
Transactions 2.0
CDI 4.1
Authentication 3.1
Concurrency 3.1
Security 4.0
Validation 3.1
Jakarta EE 11 Platform
Updated
Not Updated
New
Data 1.0
Slide 48
Slide 48 text
No content
Slide 49
Slide 49 text
Slide 50
Slide 50 text
No content
Slide 51
Slide 51 text
COPYRIGHT (C) 2024, ECLIPSE FOUNDATION, INC. | THIS WORK IS LICENSED UNDER A CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE (CC BY 4.0)
Jakarta Servlet
DEMO
Slide 52
Slide 52 text
function Home() {
return
Hello World!
} export default Home;Slide 53
Slide 53 text
@Override
protected void doGet(HttpServletRequest req,
HttpServletResponse resp)
throws IOException {
resp.getWriter().println("
Hello World!
“); }Slide 54
Slide 54 text
COPYRIGHT (C) 2024, ECLIPSE FOUNDATION, INC. | THIS WORK IS LICENSED UNDER A CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE (CC BY 4.0)
Jakarta Servlet 6.1
https://jakarta.ee/speci
fi
cations/servlet/6.1/
Slide 55
Slide 55 text
Jakarta EE 11 Platform
Updated
Not Updated
New
Authorization 3.0
Activation 2.1
Batch 2.1
Connectors 2.1
Mail 2.1
Messaging 3.1
Enterprise Beans 4.0
RESTful Web Services 4.0
JSON Processing 2.1
JSON Binding 3.0
Annotations 3.0
CDI Lite 4.1
Interceptors 2.2
Dependency Injection 2.0
Servlet 6.1
Pages 4.0
Expression Language 6.0
Debugging Support 2.0
Standard Tag Libraries 3.0
Faces 4.1
WebSocket 2.2
Enterprise Beans Lite 4.0
Persistence 3.2
Transactions 2.0
CDI 4.1
Authentication 3.1
Concurrency 3.1
Security 4.0
Validation 3.1
Jakarta EE 11 Platform
Updated
Not Updated
New
Data 1.0
Slide 56
Slide 56 text
No content
Slide 57
Slide 57 text
COPYRIGHT (C) 2024, ECLIPSE FOUNDATION, INC. | THIS WORK IS LICENSED UNDER A CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE (CC BY 4.0)
Jakarta Faces
(JSF)
DEMO
Slide 58
Slide 58 text
Slide 59
Slide 59 text
COPYRIGHT (C) 2024, ECLIPSE FOUNDATION, INC. | THIS WORK IS LICENSED UNDER A CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE (CC BY 4.0)
Jakarta Faces 4.1
https://jakarta.ee/speci
fi
cations/faces/4.1/
Slide 60
Slide 60 text
Jakarta EE 11 Platform
Updated
Not Updated
New
Authorization 3.0
Activation 2.1
Batch 2.1
Connectors 2.1
Mail 2.1
Messaging 3.1
Enterprise Beans 4.0
RESTful Web Services 4.0
JSON Processing 2.1
JSON Binding 3.0
Annotations 3.0
CDI Lite 4.1
Interceptors 2.2
Dependency Injection 2.0
Servlet 6.1
Pages 4.0
Expression Language 6.0
Debugging Support 2.0
Standard Tag Libraries 3.0
Faces 4.1
WebSocket 2.2
Enterprise Beans Lite 4.0
Persistence 3.2
Transactions 2.0
CDI 4.1
Authentication 3.1
Concurrency 3.1
Security 4.0
Validation 3.1
Jakarta EE 11 Platform
Updated
Not Updated
New
Data 1.0 MVC 3.0
Slide 61
Slide 61 text
COPYRIGHT (C) 2024, ECLIPSE FOUNDATION, INC. | THIS WORK IS LICENSED UNDER A CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE (CC BY 4.0)
Jakarta MVC
DEMO
Slide 62
Slide 62 text
@Controller
@View(“hello.jsp”)
public void hello()
model.put(“Hello Duke!”);
}
Slide 63
Slide 63 text
COPYRIGHT (C) 2024, ECLIPSE FOUNDATION, INC. | THIS WORK IS LICENSED UNDER A CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE (CC BY 4.0)
+ ?
Slide 64
Slide 64 text
public class HtmxViewEngine implements ViewEngine {
boolean supports(String view) {
// TODO:implement
}
void processView(ViewEngineContext ctx)
throws ViewEngineException {
// TODO:implement
}
}
Slide 65
Slide 65 text
COPYRIGHT (C) 2024, ECLIPSE FOUNDATION, INC. | THIS WORK IS LICENSED UNDER A CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE (CC BY 4.0)
Jakarta MVC
Standardizes the action-based model-view-controller pattern
https://jakarta.ee/speci
fi
cations/mvc/
Slide 66
Slide 66 text
COPYRIGHT (C) 2022, ECLIPSE FOUNDATION, INC. | THIS WORK IS LICENSED UNDER A CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE (CC BY 4.0)
Summary
Slide 67
Slide 67 text
COPYRIGHT (C) 2024, ECLIPSE FOUNDATION, INC. | THIS WORK IS LICENSED UNDER A CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE (CC BY 4.0)
Server Side Rendering
Is HOT Again
Slide 68
Slide 68 text
{.js} Jakarta EE
Next.js Servlet
HTMX Faces
Node.js Pages
MVC
Slide 69
Slide 69 text
No content
Slide 70
Slide 70 text
Jakarta EE 10 Platform
Updated
Not Updated
New
Authorization 2.1
Activation 2.1
Batch 2.1
Connectors 2.1
Mail 2.1
Messaging 3.1
Enterprise Beans 4.0
RESTful Web Services 3.1
JSON Processing 2.1
JSON Binding 3.0
Annotations 2.1
CDI Lite 4.0
Interceptors 2.1
Dependency Injection 2.0
Servlet 6.0
Server Pages 3.1
Expression Language 5.0
Debugging Support 2.0
Standard Tag Libraries 3.0
Faces 4.0
WebSocket 2.1
Enterprise Beans Lite 4.0
Persistence 3.1
Transactions 2.0
Managed Beans 2.0
CDI 4.0
Authentication 3.0
Concurrency 3.0
Security 3.0
Bean Validation 3.0
Slide 71
Slide 71 text
Authorization 3.0
Activation 2.1
Batch 2.1
Connectors 2.1
Mail 2.1
Messaging 3.1
Enterprise Beans 4.0
RESTful Web Services 4.0
JSON Processing 2.1
JSON Binding 3.0
Annotations 3.0
CDI Lite 4.1
Interceptors 2.2
Dependency Injection 2.0
Servlet 6.1
Pages 4.0
Expression Language 6.0
Debugging Support 2.0
Standard Tag Libraries 3.0
Faces 4.1
WebSocket 2.2
Enterprise Beans Lite 4.0
Persistence 3.2
Transactions 2.0
CDI 4.1
Authentication 3.1
Concurrency 3.1
Security 4.0
Validation 3.1
Jakarta EE 11 Platform
Updated
Not Updated
New
Data 1.0
Com
ing This July
Slide 72
Slide 72 text
COPYRIGHT (C) 2024, ECLIPSE FOUNDATION, INC. | THIS WORK IS LICENSED UNDER A CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE (CC BY 4.0)
2022 2024
2020
Java 21
Embrace Records
Jakarta Data
CDI Centric
Removals and Deprecations
javax.* -> jakarta.* Jakarta EE Core Pro
fi
le
Slide 73
Slide 73 text
No content
Slide 74
Slide 74 text
Jakarta EE
https://jakarta.ee
Get Started
https://start.jakarta.ee
Ivar’s Hashtag Jakarta EE
https://www.agilejava.eu/category/jakarta-ee/
Demo Code
https://github.com/ivargrimstad/dukes-server-
components
Slide 75
Slide 75 text
Jakarta EE Overview
Course available on