Az első fél évünk aLightning-gal

A Lightning ökoszisztéma

● Újragondold UX és UI

● Ugyanaz (hasonló) élmény minden eszközön

● Új fejlesztői paradigma

1. Lightning Experience (LEX)

2. Lightning Design System

3. Lightning Components

Egyelőre együtt él a SF Classic ökoszitémával, de arra számítunk, hogy egyre komolyabb szerepet kap

Lightning UX

:)● Nagyon hasonló desktopon is mobilon

● Object alapú layout-ok

● Szép

;(● Lassú

● Továbbra is két különböző platform a LEX és a SF1

● Nincs kész teljesen

● Egyelőre korlátozottan testreszabható

Lightning App Builder

Testre szabható oldalak (LEX, SF1)

Testre szabható layoutok! (tehát object-specifikus)

Point and click app építés

Component beillesztés

3rd party component-ek (appExchange)

Lightning App Builder

Azonban…

A layout szerkesztés opció még Pilot

A point-and-klick app építés inkább csak jól hangzó marketing mint valóság

(mi kellene még?)

Hibrid megoldás

A lightning és a SF Classic layoutok-at ugyanott szerkesztjük!

A lightning a lightning és a SG Classic tabok és appok is (szinte) ugyanazok

Lightning Component-eket beilleszthetünk Visualforce oldalakra is

A mobil kontextus (tapasztalataink szerint) tele van bug-okkal

Visualforce is szerepelhet Lightning Contextusban (de néhány dolog nem

elérhető, pl. az IFRAME-ek)

Lightning Design System

Lightning Design System

● CSS framework

● Salesforce-tól függetlenül és működik

● 100% webes szabványok (hasonlít a Bootstrap-hez)

Lightning Design System

● Teljesen hiányzó Javascript layer

● Nincs (jelenleg) integrálva a Lightning Component-ekkel (mi persze használhatjuk)

● Még mindig beta

! Visualforce-szal is kiválóan működik

Lightning Component Framework

Reszponzív, UI intenzív, mobile + desktop app fejlesztés

Szabványos web technológiák

Natív (állítólag) LEX és SF1 környezetben

App builder -- megosztható és “csomagolható”

Lightning Component Framework

Komponens alapú framework -- hasonló az Angular2-hoz

Frontend intenzív, reszponzív, aszinkron

Black-box szerű komponensek, előre definiált attribútumokkal és event-ekkel

Lightning Architektúra

● Minden komponens tartatlmazza az ő teljes leírását (HTML + CSS + JS) összes attribútumát, állapotát (state)

● Egy komponens tartalmazhat más komponenseket (vagy akár saját magának egy másik darabját)

● Egy komponens attribútumait kívülről olvashatják és írjhatják az ő szülő komponensei (az írás egy event)

● Egy komponens belső állapotáról más információval nem rendelkezik senki más

● Egy komponens nem tudhat az ő szülő komponenséről (semmit, még azt sem, van-e szülője)

Kommunikáció

● Attribútumok (felülről lefelé működik)

● Event-ek: publish-subscribe pattern

Backend

● Apex kontrollerek -- hasonlóan működik, mint a VF Remoting. Egész gyors.

Lightning Component Framework

Out-of-the-box komponensek

Az Aura framework része

A VF-ból ismerős lesz sok minden

:(Nincs lightning styling

Fordított Javascript

Debug problémák

(egyelőre) Kicsi közösség

Egy egyszerű app felépítése

● Parent rekord kiválasztása (Event)

● Related rekordok listázása

● Kiválasztott rekord szerkesztése és mentése az

adatbázisban

● “QR” szkennelése

Lightning architektúra

● App

○ Component

■ HTML + Lightning markup

■ CSS

■ Controller

■ Helper

○ Event

Attribútumok

Event handlerek (külső + belső eventek)

Meghívott CSS ill. Javascript

Controller

Helper

Apex Controller

Köszönöm a figyelmet!

Tempfli Péter

Lead Developer @ conference360, Inc.

Linkedin: https://hu.linkedin.com/in/petertempfli

twitter: @tempflip