Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Mikro Frontendi - Uvod - Novi Sad JS

Mikro Frontendi - Uvod - Novi Sad JS

Ivan Jovanovic

February 27, 2019
Tweet

More Decks by Ivan Jovanovic

Other Decks in Technology

Transcript

  1. Principi Mikroservisa • Lagan protokol izmedju servisa • Mali servisi,

    jedna funkcionalnost po servisu • Nezavisnost servisa • Laki za razumevanje, razvoj i testiranje • Ubrzavaju razvoj • Omogućavaju CI i CD
  2. + +

  3. Kako smo došli ovde? • Monolitne full stack aplikacije •

    Frontend i backend aplikacije • Mikroservisi u backend-u • Komponente u frontend-u • Mikro frontendi
  4. Koje probleme rešava? • Korišćenje novog frontend framework-a na staroj

    arhitekturi • Bez deljenog koda i konflikata • Nezavisni deployment • Svaki tim može da izabere tehnologije koje će koristiti • Skaliranje frontend aplikacije
  5. Manuelno povlačenje aplikacije • Kod se nalazi na drugom serveru

    • Nezavisni deployment • Komponente komuniciraju kroz: • Window objekat • Event bus
  6. IFrame • Kod živi na drugom serveru • Nezavnisni deployment

    • Komunikacija se odvija kroz browser “Event bus”
  7. Single-spa biblioteka • https://github.com/CanopyTax/single-spa • Korišćenje više frameworka na istoj

    stranici • Implementacija postojećih aplikacija bez prepravki • Lazy load implementacija
  8. Single-spa biblioteka • Kod živi na istom servisu • Sve

    je spakovano i deployment se vrši u isto vreme • Komunikacija se odvija kroz: • Window objekat • Event bus • Redux, Mobx itd. • Bilo šta drugo…
  9. Micro Frontends Mane • Više koda za održavanje • Veliki

    bundle • Performance, puno koda u browseru
  10. Zaključak • Ne koristite ovo ako imate prostu aplikaciju! •

    Koristite mikro frontende da biste sebi posao učinili lakšim, ne težim • Micro frontend ne znači da treba da koristimo svaki mogući framework • Ne zaboravite da napravite standarde!