The document introduces Linked Data Reactor (LD-R), an open-source framework for building reactive linked data applications using linked data-driven web components. LD-R aims to address issues developers face when building linked data applications such as the time it takes to bootstrap applications and difficulties integrating semantic web concepts. The framework combines semantic web technologies and web components by defining RDF components that can retrieve and render linked data and support building reactive user interfaces.

1. A F R A M E W O R K F O R B U I L D I N G
R E A C T I V E L I N K E D D ATA A P P L I C AT I O N S
L I N K E D D ATA R E A C T O R ( L D - R )
Ali Khalili <http://ali1k.com>
Developers Hackshop
<http://ld-r.org>

2. W H Y D O W E N E E D L D - R ?
• Devs spent a lot of time (avg. > 2 days) on bootstrapping their LDAs before they could start working on the UI.
• 46% of Devs, preferred to write the code from scratch instead of reusing code from existing SemWeb projects.
• Majority of Devs (51%) had communication issues with non-Semantic Web developers to familiarize them with
Semantic Web concepts before they could start contributing to the application.
• Despite the prevalence of Web Components solutions, only 19% of the Devs (mainly advanced users) were
employing them in their applications.

3. W E B C O M P O N E N T S
<Component properties={P} events={E} states={S}> </Component>

4. W H AT A B O U T C O M B I N I N G S E M A N T I C
W E B A N D W E B C O M P O N E N T S ?
+
Linked Data-driven
Web Components

5. H O W D O E S I T W O R K ?
Component
Developer
Application
Assembler
End User
Linked Data
Provider
RDF
components
Scopes
&
Config

6. U S E R I N T E R A C T I O N S O N L D - R
LD-R
Web Components
Scopes
Configurations
Interaction Mode
RDF Components
User-defined Components
View Edit Browse
Generic Configurations
Component-specific Configurations
Semantic
Markup

7. R E A C T I V E A P P : C O N F I G
R2
C8
C10
C7 C11
R4
D2
R3
P5P4P3P2P1
R1
D1
C3
C4
C2
App
C1
C5
C6
C9
https://github.com/ali1k/ld-r/blob/master/configs/reactor.sample.js

8. I M P L E M E N TAT I O N
MICROSERVICES / WEB APIS
[ISOMORPHIC] REACTIVE UI COMPONENTS
LINKED DATA

9. D ATA F L O W
Actions
Stores
LD-R
Components
RESTful Services
Endpoint
communicate
CRUD
Data
update
render
action
Dispatcher
dispatch
Flux
unidirectional data flow

10. P L U G I N S
Graph 1 Graph 2 Graph 3
Super
User
Property 111 Property 112 Property 211 Property 212 Property 311
Resource 11 Resource 12 Resource 21 Resource 22 Resource 31
…Graph
Name
Resource ID
ResourceID
+
Property ID
…
…
Example: Authentication

11. H O W D O E S I T L O O K L I K E ?
http://datasets.risis.eu

12. WA N T T O K N O W M O R E ?
ld-r.org