Upload
hernan-mammana
View
302
Download
0
Tags:
Embed Size (px)
DESCRIPTION
This presentation has been given to the MercadoLibre UX area to update the team the project state. It speaks about the most important challenges in the Q4.
Citation preview
Chico JS@chicoui
Chico JS@chicoui
@hmammana
Chico JS@chicoui
@hmammana @lean8086
Chico JS@chicoui
@hmammana @lean8086@pazguille
Challenges
Reduce the inheritance levels & migrate to prototype
Unify Chico UI & Chico Mobile
Reduce & Migratereduce inheritance levels & migrate to prototype
Animal Kingdom
Aquatic Terrestrial Flyers
Animal Kingdom
Mammals Fishes Birds
Animal KingdomMammals ( female feed breedings )
Animal KingdomMammals ( female feed breedings )
Quadruped ( female feed breedings, 4 legs )
Animal KingdomMammals ( female feed breedings )
Quadruped ( female feed breedings, 4 legs )
Cat Dog
Animal KingdomMammals ( female feed breedings )
Quadruped ( female feed breedings, 4 legs )
Cat Dogfemale feed breedings female feed breedings
Animal KingdomMammals ( female feed breedings )
Quadruped ( female feed breedings, 4 legs )
Cat Dogfemale feed breedings female feed breedings4 legs 4 legs
Animal KingdomMammals ( female feed breedings )
Quadruped ( female feed breedings, 4 legs )
Cat Dogfemale feed breedings female feed breedings4 legs 4 legsmeows barks
But, where is Chico here?
Class inheritanceMammals ( female feed breedings )
Quadruped ( female feed breedings, 4 legs )
Cat Dogfemale feed breedings female feed breedings4 legs 4 legsmeows barks
Before the inheritances changes
Aquatic - Fish
Aquatic - Mammal
Flyer - Mammal
Flyer - Bird
Aquatic Flyers
Animal Kingdom
• open• close• is positioned
After the inheritances changes
After the inheritances changes
Reduce the inheritance levels & migrate to prototype
Unify Chico UI & Chico Mobile
Challenges
Migrate to prototypefast, less memory use and it is a standard
On the execution
On the execution
On the execution
On the execution
On the execution
On the execution
On the execution
On the execution
many executions by instance
The prototype property
Property that is an empty object at the start
Stored once in memory
Properties and methods are inherited by each instance
only once execution by instance
On the execution
Reduce the inheritance levels & migrate to prototype
Unify Chico UI & Chico Mobile
Challenges
Unify Chico UI & Chico Mobiletwo repositories same components
two repositories same components
Unify Chico UI & Chico Mobile
Code by repository
Code by repository
Code by repository
Bonus Track
New FeaturesWizardContentLook & Feel ImplementationSpinner Datagrid ControlForm Big InputsVersioned AssetsIconsNew BoxesMessage BoxesChico via CDNTests
ImprovementsUnified RepositoryClosable, Expandable, Viewport, debug, helpers, util, Collapsible, Menu, Widget, events, preload, Content, Positioner, cache, factory, supportModal & Lite ModalValidation Default MessagesClose - WAI-ARIAPositionerViewportCarouselOnly one sprite for fallback!Deprecated Styles DeletedDocumentation & Template
( only in the last 6 months :P )We also did it:
Bonus TrackWe also read it:
Pointer Events DraftNew CSS3 relative font size: remA Strategy for i18n and Node.jsRevisiting JavaScript ObjectsSHADOW DOM 101How we Learned to Stop Worrying and Love JavaScriptDesign, Viewport & ContentTesting @font-face Support on Mobile and TabletConditional loading of resources with mediaqueriesWhy you should say HTML classes, CSS class selectors, or CSS pseudo-classes, but not CSS classesLinks for Advanced JavaScript Reading
DOM Browser SupportMeasuring Performance On Mobile With Chrome DevTools + Remote DebuggingFirefox OS Simulator 1.0 is here!Decouple Your CSS From HTML With Reusable ModulesSub-Pixel Problems in CSSHow to Detect DOM Changes in CSSNative CSS feature detection via the @supports ruleConditional comments (Windows)JavaScript APIs you’ve never heard of (and some you have)CSS Grid Layout Draft
( only in the last 2 months, :O too nerdy )
Bonus TrackWe also speak about it:
Chico UI at JSConfARFrontEnd good practices at BA & San LuisHTML for developers at BA & San LuisOutline the content at BA The prototype property at BACSS good practices at BAJavaScript module pattern at BA
( during the year )
Thanks@chicoui - [email protected]
https://github.com/mercadolibre/chico/issues/new