18
JavaScript Framework without "inheritance" ”high-load"

Highload JavaScript Framework without Inheritance

  • Upload
    fdconf

  • View
    824

  • Download
    0

Embed Size (px)

DESCRIPTION

by Mikita Manko on http://bit.ly/Mikita_Manko

Citation preview

Page 1: Highload JavaScript Framework without Inheritance

JavaScript

Framework

without "inheritance"”high-load"

Page 2: Highload JavaScript Framework without Inheritance

Auth

or

Company: blah Name: blah blah Experience: blah blah

blah

Page 3: Highload JavaScript Framework without Inheritance

Project

Front-end – UI widgets

Back-end – services & DB (.Net, MSSQL, MongoDB), several stand-alone systems that interact with each other

Integration with sites of 70+ brands

Page 4: Highload JavaScript Framework without Inheritance

Project Integration with sites of 70+ brands

Page 5: Highload JavaScript Framework without Inheritance

New cool open source lib

Page 6: Highload JavaScript Framework without Inheritance

Styles overriding

Page 7: Highload JavaScript Framework without Inheritance

Widgets’ Versions

Pros: We can change everything in new version

Back compatibility

Safe deployment to production

Cons: Bugs should be fixed in all version

Need to force 70+ brands to update widgets version

We need to support old versions due to the “slowpoke” brands

Page 8: Highload JavaScript Framework without Inheritance

Inheritance in JS

Page 9: Highload JavaScript Framework without Inheritance

Widget

Page 10: Highload JavaScript Framework without Inheritance

Widget’s usage

Page 11: Highload JavaScript Framework without Inheritance

Internal widgets

Page 12: Highload JavaScript Framework without Inheritance

Communication

Events, global for widgets

Events, bubbling up to the parent

Page 13: Highload JavaScript Framework without Inheritance

Context

Widget has access to the cloned context

On context’s change – reload widgets

Context’s caching to localStorage

Page 14: Highload JavaScript Framework without Inheritance

High load? AKAMAI rocks

Report tracking (via pixel)

Local storage and 3-r party APIs

AppDynamics & other server profilers

Client-side profiling

Jmeter load tests

Anti spam for comments

Jasmine

UI tests - selenium

Mobile optimized (O_OP is here)

Page 15: Highload JavaScript Framework without Inheritance

Plans

Client-side error tracking

Move more stuff to front-end

OOP

MVC

Page 16: Highload JavaScript Framework without Inheritance

A Slide with no useful Information at all

Just filling the gap between previous slide and the next one (which will be along in just a moment).

No need to write it down, unless you feel completed to do so.

Nothing on this slide is examinable.

In fact I’m not really sure why I bothered with it.

Page 17: Highload JavaScript Framework without Inheritance

Quest

ions

Do you have any Qs?

Page 18: Highload JavaScript Framework without Inheritance

Auth

or

Sr. Software Engineer @ EPAM

mailto: [email protected]