Главная
Study mode:
on
1
Intro
2
Components
3
Component Definition
4
Props
5
Component Example
6
Component Composable
7
I love components
8
Decoupling Architecture
9
restful
10
Stripe
11
HeyDos
12
Pagination
13
Monolith
14
Offline first application
15
Distributed local first
16
Example
17
React
18
Basic Components
19
Why GraphQL
20
GraphQL Schema
21
Page Type
22
Apollo Playground Example
23
Design Schema
24
GraphQL Component Library
25
React Frontend Implementation
26
Handling Variants
27
Good Parts
28
Final Thoughts
Description:
Explore the concept of "Components as Data" and its impact on cross-platform GraphQL component APIs in this JSConf US 2019 talk. Delve into the intricacies of decoupled architecture, focusing on the crucial decision of where to decouple. Learn how shifting the "Decouple Line" can unlock powerful features for your API. Examine the limitations of traditional content APIs that map data models directly to resources, and discover how this approach can lead to duplicated efforts and inconsistencies across platforms. Understand the benefits of moving the decoupling process closer to the frontend, incorporating queries, denormalization, business logic, and A/B testing into the backend. Explore the practical implementation of serving JSON structured as UI component trees, effectively creating a JSON-rendering frontend. Discover the advantages of this approach, including simplified frontends, centralized business logic and A/B testing, design consistency through a "Design Schema," and optimized queries. Gain insights into developing a cross-platform UI library that implements the design schema and serves as a rendering engine for multiple platforms. Follow along with code examples, GraphQL schema demonstrations, and practical implementations in React to grasp the full potential of the Components as Data approach. Read more

Components as Data - A Cross Platform GraphQL Component API

JSConf
Add to list
0:00 / 0:00