SlideShare a Scribd company logo
1 of 61
Download to read offline
SKALERING AV FRONTEND-
BYGGESYSTEM ETTER BEHOV
@MIKAELBREVIK
MAN TRENGER INGEN TASK MANAGER/
BYGGESYSTEM/GULP/GRUNT/BROCCOLI,
NÅR MAN HAR MAKE/SCRIPTS/WHATNOT
Mange bloggposter i løpet av de siste årene
3
DET ER SANT…
4
…HELT TIL DET IKKE
ER SANT
5
SÅ VI MÅ KUNNE ENDRE
MENING ENKELT
6
HVORDAN VI SKAL BYGGE, ER IKKE
ET VALG VI MÅ TA MED EN GANG.
7
VI LAGER ET PRODUKT, IKKE
ET BYGGESYSTEM.
8
LA OSS HELLER ANGRIPE DET SOM
VI ANGRIPER VANLIG UTVIKLING
9
1. UTSETTE VALG TIL VI VET MER
2. TILLATE UTVIDELSER/SKALERING
3. TENKE PÅ GRENSESNITT (API)
10
HVORDAN GJØRE DET?
11
INGEN BYGGING
STEG #1
12
13
1. VELDIG ENKELT
2. FORUTSETTER INGENTING
14
DET FUNKER™
15
TIL DU MÅ HA SKIKKELIG
STRUKTUR OG ARKITEKTUR
16
KOMMANDOER
STEG #2
17
18
19
20
21
22
23
1. FORBEDRER KODEKVALITET
2. ENKELT Å INTRODUSERE
24
3. TILDELS ENKELT Å UTVIDE
4. INTRODUSERER ET API
DET FUNKER™
25
TIL DU FÅR ØKT KRAV TIL MANIPULERING
AV KODEN SOM EN DEL AV BYGGET
26
SCRIPTS
STEG #3
27
28
MANGE TYR TIL BASH/POWERSHELL,
MEN DET ER IKKE KRYSS-PLATTFORM
29
…OG HVORFOR DET OM VI HAR ALT
HAR TILGANG PÅ NODE?
30
31
32
33
1. MYE ENKLERE Å UTVIDE
2. FUNKER PÅ ALLE PLATTFORMER
3. SAMME API
(ABSTRAHERT BORT IMPLEMENTASJON)
4. KRAFTEN TIL PROGRAMMERING
34
DET FUNKER™
35
TIL DU HAR MANGE SCRIPTS
DU VIL STRUKTURERE
36
HÅNDTERE FLERE
SCRIPTS
STEG #4
37
HAR DU FLERE BYGGESCRIPTS
DU VIL STRUKTURERE?
38
HAR DU FLERE BYGGESCRIPTS DU VIL STRUKTURERE?
39
DA GIR EN TASK-
MANAGER VERDI
HVA ER EGENTLIG GULP/GRUNT/BROCCOLI?
40
OPPGAVE-HÅNDTERING
+ REDUSERING AV BOILERPLATE
41
42
43
44
45
MER UTTRYKKSFULL
HÅNDTERING AV OPPGAVER
46
FOR STRUKTURERING AV BYGGEKODE
PÅ LIK LINJE SOM ANNEN KODE
47
48
REDUSERER BOILERPLATE
49
50
51
1. KOMMER MED HJELPENDE KODE
2. ENKLERE OPTIMALISERING MED
PARALLELLE OPPGAVER
3. TILGANG PÅ STORT ØKOSYSTEM
52
DET FUNKER™
53
1. INGEN BYGGING
2. KOMMANDOER
55
3. SCRIPTS
4. TASK-MANAGER
1. UTSETTER VALG TIL VI
VET HVA VI TRENGER
56
2. UTVIKLERE PÅ TEAMET TRENGER IKKE Å
FORHOLDE SEG TIL IMPLEMENTASJONEN
57
3. UTVIDER OG REFAKTORERING PÅ EN
SKIKKELIG MÅTE, UTEN Å BREKKE KODE.
58
4. FREMFOR Å BRUKE TID PÅ Å SPEKULERE
I BYGGING, HAR VI BYGD ET PRODUKT.
59
LES MER I BLOGGFORMAT:
60
HTTP://OPEN.BEKK.NO/SCALING-FRONTEND-
BUILD-STEPS-BY-NECESSITY
SKALERING AV FRONTEND-
BYGGESYSTEM ETTER BEHOV
@MIKAELBREVIK

More Related Content

Viewers also liked

Trabajo polítecnica grupo tc consulting - indra souto -
  Trabajo polítecnica grupo tc consulting - indra souto -  Trabajo polítecnica grupo tc consulting - indra souto -
Trabajo polítecnica grupo tc consulting - indra souto -Daniel Muinos
 
2.16 Fiesta Sunday Anymeeting Auction
2.16 Fiesta Sunday Anymeeting Auction2.16 Fiesta Sunday Anymeeting Auction
2.16 Fiesta Sunday Anymeeting AuctionBritney Stanley-Wyatt
 
Hukum Newton Gravitasi
Hukum Newton GravitasiHukum Newton Gravitasi
Hukum Newton GravitasiMira Pribadi
 
JAVA Business Application
JAVA Business ApplicationJAVA Business Application
JAVA Business ApplicationJackie Wolf
 
Michelle landolt resume 03.14.16
Michelle landolt resume 03.14.16Michelle landolt resume 03.14.16
Michelle landolt resume 03.14.16Michelle Landolt
 
Conventions of a thriller
Conventions of a thriller Conventions of a thriller
Conventions of a thriller CharLilyMay
 
Hukum Newton Gravitasi
Hukum Newton GravitasiHukum Newton Gravitasi
Hukum Newton GravitasiMira Pribadi
 
Bitácora semana dos institución educativa colegio loyola para la ciencia y la...
Bitácora semana dos institución educativa colegio loyola para la ciencia y la...Bitácora semana dos institución educativa colegio loyola para la ciencia y la...
Bitácora semana dos institución educativa colegio loyola para la ciencia y la...Orianitha Arboleda
 
Quicktrim Extreme Burn Reviews
Quicktrim Extreme Burn ReviewsQuicktrim Extreme Burn Reviews
Quicktrim Extreme Burn ReviewsPaul Davidson
 
Superbowl Ad review vu par Leo Burnett France
Superbowl Ad review vu par Leo Burnett FranceSuperbowl Ad review vu par Leo Burnett France
Superbowl Ad review vu par Leo Burnett FrancePlanningLeoBurnettFrance
 
Random 130528114933-phpapp02
Random 130528114933-phpapp02Random 130528114933-phpapp02
Random 130528114933-phpapp02Harut Harutunyan
 
電撃の巨人 by チームモスキート
電撃の巨人 by チームモスキート電撃の巨人 by チームモスキート
電撃の巨人 by チームモスキートJunOhashi
 
I’m not okay – my chemical romance
I’m not okay – my chemical romanceI’m not okay – my chemical romance
I’m not okay – my chemical romanceCharLilyMay
 
Shure Design Jam: Collaborative Spaces
Shure Design Jam: Collaborative SpacesShure Design Jam: Collaborative Spaces
Shure Design Jam: Collaborative SpacesJackie Wolf
 

Viewers also liked (20)

Managing Time
Managing Time Managing Time
Managing Time
 
Team 5
Team 5Team 5
Team 5
 
Trabajo polítecnica grupo tc consulting - indra souto -
  Trabajo polítecnica grupo tc consulting - indra souto -  Trabajo polítecnica grupo tc consulting - indra souto -
Trabajo polítecnica grupo tc consulting - indra souto -
 
2.16 Fiesta Sunday Anymeeting Auction
2.16 Fiesta Sunday Anymeeting Auction2.16 Fiesta Sunday Anymeeting Auction
2.16 Fiesta Sunday Anymeeting Auction
 
Varadarajan PMP ITIL
Varadarajan PMP ITILVaradarajan PMP ITIL
Varadarajan PMP ITIL
 
Hukum Newton Gravitasi
Hukum Newton GravitasiHukum Newton Gravitasi
Hukum Newton Gravitasi
 
JAVA Business Application
JAVA Business ApplicationJAVA Business Application
JAVA Business Application
 
Michelle landolt resume 03.14.16
Michelle landolt resume 03.14.16Michelle landolt resume 03.14.16
Michelle landolt resume 03.14.16
 
Conventions of a thriller
Conventions of a thriller Conventions of a thriller
Conventions of a thriller
 
Hukum Newton Gravitasi
Hukum Newton GravitasiHukum Newton Gravitasi
Hukum Newton Gravitasi
 
Andrés alfaro salas
Andrés alfaro salasAndrés alfaro salas
Andrés alfaro salas
 
Bitácora semana dos institución educativa colegio loyola para la ciencia y la...
Bitácora semana dos institución educativa colegio loyola para la ciencia y la...Bitácora semana dos institución educativa colegio loyola para la ciencia y la...
Bitácora semana dos institución educativa colegio loyola para la ciencia y la...
 
Quicktrim Extreme Burn Reviews
Quicktrim Extreme Burn ReviewsQuicktrim Extreme Burn Reviews
Quicktrim Extreme Burn Reviews
 
Superbowl Ad review vu par Leo Burnett France
Superbowl Ad review vu par Leo Burnett FranceSuperbowl Ad review vu par Leo Burnett France
Superbowl Ad review vu par Leo Burnett France
 
Rica Belna _ Art for Interior Design: Portfolio of art & installations
Rica Belna _ Art for Interior Design: Portfolio of art & installationsRica Belna _ Art for Interior Design: Portfolio of art & installations
Rica Belna _ Art for Interior Design: Portfolio of art & installations
 
Random 130528114933-phpapp02
Random 130528114933-phpapp02Random 130528114933-phpapp02
Random 130528114933-phpapp02
 
電撃の巨人 by チームモスキート
電撃の巨人 by チームモスキート電撃の巨人 by チームモスキート
電撃の巨人 by チームモスキート
 
I’m not okay – my chemical romance
I’m not okay – my chemical romanceI’m not okay – my chemical romance
I’m not okay – my chemical romance
 
Kelompok butterfly
Kelompok butterflyKelompok butterfly
Kelompok butterfly
 
Shure Design Jam: Collaborative Spaces
Shure Design Jam: Collaborative SpacesShure Design Jam: Collaborative Spaces
Shure Design Jam: Collaborative Spaces
 

Recently uploaded

2024 April Patch Tuesday
2024 April Patch Tuesday2024 April Patch Tuesday
2024 April Patch TuesdayIvanti
 
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxDigital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxLoriGlavin3
 
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfMoving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfLoriGlavin3
 
Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...
Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...
Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...Scott Andery
 
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxA Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxLoriGlavin3
 
Testing tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesTesting tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesKari Kakkonen
 
Rise of the Machines: Known As Drones...
Rise of the Machines: Known As Drones...Rise of the Machines: Known As Drones...
Rise of the Machines: Known As Drones...Rick Flair
 
Data governance with Unity Catalog Presentation
Data governance with Unity Catalog PresentationData governance with Unity Catalog Presentation
Data governance with Unity Catalog PresentationKnoldus Inc.
 
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...AliaaTarek5
 
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesHow to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesThousandEyes
 
What is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfWhat is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfMounikaPolabathina
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.Curtis Poe
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxLoriGlavin3
 
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...panagenda
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024Lonnie McRorey
 
Connecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfConnecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfNeo4j
 
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxUse of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxLoriGlavin3
 
UiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to HeroUiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to HeroUiPathCommunity
 
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentEmixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentPim van der Noll
 
Take control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteTake control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteDianaGray10
 

Recently uploaded (20)

2024 April Patch Tuesday
2024 April Patch Tuesday2024 April Patch Tuesday
2024 April Patch Tuesday
 
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxDigital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
 
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfMoving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdf
 
Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...
Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...
Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...
 
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxA Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
 
Testing tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesTesting tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examples
 
Rise of the Machines: Known As Drones...
Rise of the Machines: Known As Drones...Rise of the Machines: Known As Drones...
Rise of the Machines: Known As Drones...
 
Data governance with Unity Catalog Presentation
Data governance with Unity Catalog PresentationData governance with Unity Catalog Presentation
Data governance with Unity Catalog Presentation
 
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...
 
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesHow to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
 
What is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfWhat is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdf
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptx
 
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024
 
Connecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfConnecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdf
 
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxUse of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
 
UiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to HeroUiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to Hero
 
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentEmixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
 
Take control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteTake control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test Suite
 

Skalere frontendbygg