Upload
others
View
34
Download
0
Embed Size (px)
Citation preview
DEITY Falcona closer look at the new architecture
Previous solution: DEITY Core
Starting point: what developers expect?
DEITY FALCON
DEITY FALCON
What it is?
What it is?
DEITY Falcon is a set of tools and libraries for building
PWAs
What it is?
F I R E
lexiblentegrableeliablextensible
How we’ve done that?
Code splitting
@deity/falcon-server
@deity/falcon-client
@deity/falcon-ui
@deity/falcon-theme-editor
@deity/falcon-shop-extension
@deity/falcon-blog-extension
@deity/falcon-magento2-api
@deity/falcon-wordpress-api
create-falcon-app
@deity/falcon-i18n
@deity/falcon-server-env
All of those are available via npm
@deity/falcon-server
@deity/falcon-client
Falcon Server
Falcon Client
Falcon Server@deity/falcon-server
Back-end (middleware) service
Falcon Server@deity/falcon-server
GraphQL via ApolloServer
Back-end (middleware) service
Falcon Server@deity/falcon-server
GraphQL via ApolloServer
Extensions framework
Back-end (middleware) service
Falcon Server@deity/falcon-server
GraphQL via ApolloServer
Extensions framework
Unified access to REST data sources
Back-end (middleware) service
Falcon Client@deity/falcon-client
Front-end service
Falcon Client@deity/falcon-client
Built in SSR with performance tracking
Front-end service
Falcon Client@deity/falcon-client
Built-in PWA tools
Front-end service
Built in SSR with performance tracking
Falcon Client@deity/falcon-client
Built in SSR with performance tracking
Apollo Client as React GraphQL client
Front-end service
Built-in PWA tools
Falcon Client@deity/falcon-client
Built in SSR with performance tracking
Apollo Client as React GraphQL client
Apollo Link State for client state management
Front-end service
Built-in PWA tools
Falcon UI@deity/falcon-ui
Built with React
Falcon UI@deity/falcon-ui
Library of simple, re-usable UI components
Built with React
Falcon UI@deity/falcon-ui
Library of simple, re-usable UI components
Built with React
Docz for documentation
Falcon UI@deity/falcon-ui
Library of simple, re-usable UI components
No CSS files - everything via CSS in JS
Built with React
Docz for documentation
Falcon UI@deity/falcon-ui
Library of simple, re-usable UI components
No CSS files - everything via CSS in JS
Built-in theming capabilities
Built with React
Docz for documentation
Falcon UI@deity/falcon-ui
Library of simple, re-usable UI components
No CSS files - everything via CSS in JS
Built-in theming capabilities
Theme editor as React component
Built with React
Docz for documentation
How to start?
How to start?
yarn create falcon-app
npx create-falcon-app
OR
Time for you! Questions?
Thank you for your attention!