Highload JavaScript Framework without Inheritance
-
Upload
fdconf -
Category
Technology
-
view
826 -
download
0
description
Transcript of Highload JavaScript Framework without Inheritance
![Page 1: Highload JavaScript Framework without Inheritance](https://reader034.fdocuments.us/reader034/viewer/2022051323/5478ecebb4795959098b4631/html5/thumbnails/1.jpg)
JavaScript
Framework
without "inheritance"”high-load"
![Page 2: Highload JavaScript Framework without Inheritance](https://reader034.fdocuments.us/reader034/viewer/2022051323/5478ecebb4795959098b4631/html5/thumbnails/2.jpg)
Auth
or
Company: blah Name: blah blah Experience: blah blah
blah
![Page 3: Highload JavaScript Framework without Inheritance](https://reader034.fdocuments.us/reader034/viewer/2022051323/5478ecebb4795959098b4631/html5/thumbnails/3.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022051323/5478ecebb4795959098b4631/html5/thumbnails/4.jpg)
Project Integration with sites of 70+ brands
![Page 5: Highload JavaScript Framework without Inheritance](https://reader034.fdocuments.us/reader034/viewer/2022051323/5478ecebb4795959098b4631/html5/thumbnails/5.jpg)
New cool open source lib
![Page 6: Highload JavaScript Framework without Inheritance](https://reader034.fdocuments.us/reader034/viewer/2022051323/5478ecebb4795959098b4631/html5/thumbnails/6.jpg)
Styles overriding
![Page 7: Highload JavaScript Framework without Inheritance](https://reader034.fdocuments.us/reader034/viewer/2022051323/5478ecebb4795959098b4631/html5/thumbnails/7.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022051323/5478ecebb4795959098b4631/html5/thumbnails/8.jpg)
Inheritance in JS
![Page 9: Highload JavaScript Framework without Inheritance](https://reader034.fdocuments.us/reader034/viewer/2022051323/5478ecebb4795959098b4631/html5/thumbnails/9.jpg)
Widget
![Page 10: Highload JavaScript Framework without Inheritance](https://reader034.fdocuments.us/reader034/viewer/2022051323/5478ecebb4795959098b4631/html5/thumbnails/10.jpg)
Widget’s usage
![Page 11: Highload JavaScript Framework without Inheritance](https://reader034.fdocuments.us/reader034/viewer/2022051323/5478ecebb4795959098b4631/html5/thumbnails/11.jpg)
Internal widgets
![Page 12: Highload JavaScript Framework without Inheritance](https://reader034.fdocuments.us/reader034/viewer/2022051323/5478ecebb4795959098b4631/html5/thumbnails/12.jpg)
Communication
Events, global for widgets
Events, bubbling up to the parent
![Page 13: Highload JavaScript Framework without Inheritance](https://reader034.fdocuments.us/reader034/viewer/2022051323/5478ecebb4795959098b4631/html5/thumbnails/13.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022051323/5478ecebb4795959098b4631/html5/thumbnails/14.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022051323/5478ecebb4795959098b4631/html5/thumbnails/15.jpg)
Plans
Client-side error tracking
Move more stuff to front-end
OOP
MVC
![Page 16: Highload JavaScript Framework without Inheritance](https://reader034.fdocuments.us/reader034/viewer/2022051323/5478ecebb4795959098b4631/html5/thumbnails/16.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022051323/5478ecebb4795959098b4631/html5/thumbnails/17.jpg)
Quest
ions
Do you have any Qs?