Antarmuka mikro. Pendekatan asinkron untuk pengembangan multi-tim

Pernahkah Anda bertanya-tanya bagaimana cara menghindari penundaan karena sinkronisasi tim dalam kondisi pengembangan multi-tim dari suatu produk modern? Selanjutnya, saya akan berbagi pengalaman tentang perkembangan seperti itu menggunakan contoh tim Cyan.Finance kami. Detail pendekatan vertikal untuk pengembangan dan mengapa kami melakukannya seperti itu.

Hai, nama saya Igor Mikhailyuk, saya adalah pengembang utama di tim Cyan. Keuangan. Kami sedang mengembangkan layanan keuangan di platform Cyan.

Sejarah tim Cyan - keuangan

Tim kami bergabung dengan Qian pada Mei 2018 dengan total 18 orang. Sejak awal, tim dibangun sesuai dengan prinsip-prinsip yang digunakan oleh banyak perusahaan IT besar, termasuk Pivotal.

Sejarah tim dimulai pada Desember 2016

Prinsip utama yang diadopsi dalam tim kami:

• Pengiriman kode cepat ke prod
• Arsitektur layanan mikro
• Pengembangan Cloud Native
• Tidak ada penguji, pemilik produk berinteraksi langsung dengan pengembang DevOps
• Menempatkan layanan ke dalam produksi dan memeliharanya adalah tanggung jawab pengembang.

, , , , Pivotal University, , , .

, Cloud Foundry Kubernetes.

cloud native . 10 12 DevOps , , 3 , git , merge request, , . , , , . , ,   / , . 

, , , , — , - , , -. . .

  

, : front, back, , .

https://www.cian.ru/ipoteka/ 

. 1. .

CI/CD

CI/CD, , . .

. code-review. . .

, - , , , code review. , , , . , , 4 , 4 , .

, back-end , SaaS , API, - . , back , front?

. : https://micro-frontends.org/. , . - , , .

, ,   . , , . nginx . — , . . - . 

? CI/CD. , ,   .. . , . , . . . , . 100%. 

, , , MQ, , devops .. : , CI/CD , . CDN, DevOps-, . 

, , ., . , , , , (typescript vs javascript, React vs Custom Elements), , . , Cloud Foundry . — Kubernetes, . Java, Node.js, Kotlin Python. . React ( Next.js) preact, Svelte, JS . 

, , , React Angular. , , js . , , ts-lint , , , . 

 

fin.cian.ru , . — . ,   reverse proxy, . .

, , , , , . . 

4 , 10 , . , .. , , .

, . .

, , . , , , , , .

, — .

. , , . .. (, , , ..), — .

, , , ?

:

1. , , :
   
   
   1. .
   3. - — ,
2. , .1

, , , . 

, web . : React. . , — . . . React, , , . 

2 . 

1. .
2. , 10 . 

.

. , — , . — , .. , . , , . . 

. preact: .

? , , : DEV, STAGING, PROD. , . . 

, .

. 2. () DEV . — STAGE. DEV. . PROD, . STAGE . STAGE PROD, .

, , . . ( , ) . , , — . 

— . . . — . , , , . . , . 

web . yandex . YouTube , .

: , , . , , , .   . front . 

. — -. . 

, , ( ). , , , . , ,  , - , — .

 

, :

• ,
• / ,
• - P&L
• , front back, .   4 (iOS app, Android app, Web desktop, Web adaptive), 1 , 4.
• full stack — , 2 10 — .
• high performance employee (hpe) netflix (https://jobs.netflix.com/culture)

Velocity . , ( ).

— Velocity , , , Velocity   profit (NPS).

.. , , velocity high performance employee.

1 ( hpe)

, , . .

Velocity  2,  2 , front+back . , — . 

. 3. 8 : 2 , 2 2 . — , HPE —

2 (    hpe)

, velocity . , web-view. - , ( web-view)  2 , . , . 

. 4. 8 : 3 , 1 3 . , HPE  —

3 ( hpe)

, high performance employee, . web view . .. , 2 , . Velocity 4, 2 , 1. 

. 5. 8 : 4 + 4 . HPE

. , .

Custom Elements

• ,
• cdn
• …

.