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!