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.

1. Chico JS
@chicoui

2. Chico JS
@chicoui
@hmammana

3. Chico JS
@chicoui
@hmammana @lean8086

4. Chico JS
@chicoui
@pazguille @hmammana @lean8086

5. Challenges
Reduce the inheritance levels & migrate to prototype
Unify Chico UI & Chico Mobile

6. Reduce & Migrate
reduce inheritance levels & migrate to prototype

17. Animal Kingdom
Aquatic Terrestrial Flyers

18. Animal Kingdom
Mammals Fishes Birds

19. Animal Kingdom
Mammals ( female feed breedings )

20. Animal Kingdom
Mammals ( female feed breedings )
Quadruped ( female feed breedings, 4 legs )

21. Animal Kingdom
Mammals ( female feed breedings )
Quadruped ( female feed breedings, 4 legs )
Cat Dog

22. Animal Kingdom
Mammals ( female feed breedings )
Quadruped ( female feed breedings, 4 legs )
Cat Dog
female feed breedings female feed breedings

23. Animal Kingdom
Mammals ( female feed breedings )
Quadruped ( female feed breedings, 4 legs )
Cat Dog
female feed breedings female feed breedings
4 legs 4 legs

24. Animal Kingdom
Mammals ( female feed breedings )
Quadruped ( female feed breedings, 4 legs )
Cat Dog
female feed breedings female feed breedings
4 legs 4 legs
meows barks

25. But, where is Chico here?

26. Class inheritance
Mammals ( female feed breedings )
Quadruped ( female feed breedings, 4 legs )
Cat Dog
female feed breedings female feed breedings
4 legs 4 legs
meows barks

27. Before the inheritances changes

28. Aquatic - Fish

29. Aquatic - Mammal

30. Flyer - Mammal

31. Flyer - Bird

32. Animal Kingdom
Aquatic Flyers

33. • open
• close
• is positioned

34. After the inheritances changes

35. After the inheritances changes

36. Challenges
Reduce the inheritance levels & migrate to prototype
Unify Chico UI & Chico Mobile

37. Migrate to prototype
fast, less memory use and it is a standard

38. On the execution

39. On the execution

40. On the execution

41. On the execution

42. On the execution

43. On the execution

44. On the execution

45. On the execution
many executions by instance

46. The prototype property
Property that is an empty object at the start
Stored once in memory
Properties and methods are inherited by each instance

47. On the execution
only once execution by instance

48. Challenges
Reduce the inheritance levels & migrate to prototype
Unify Chico UI & Chico Mobile

49. Unify Chico UI & Chico Mobile
two repositories same components

50. Unify Chico UI & Chico Mobile
two repositories same components

51. Code by repository

52. Code by repository

53. Code by repository

54. Bonus Track
We also did it:
( only in the last 6 months :P )
New Features Improvements
Wizard Unified Repository
Content Closable, Expandable, Viewport, debug, helpers,
Look & Feel Implementation util, Collapsible, Menu, Widget, events, preload,
Spinner Content, Positioner, cache, factory, support
Datagrid Control Modal & Lite Modal
Form Validation Default Messages
Big Inputs Close - WAI-ARIA
Versioned Assets Positioner
Icons Viewport
New Boxes Carousel
Message Boxes Only one sprite for fallback!
Chico via CDN Deprecated Styles Deleted
Tests Documentation & Template

55. Bonus Track
We also read it:
( only in the last 2 months, :O too nerdy )
Pointer Events Draft DOM Browser Support
New CSS3 relative font size: rem Measuring Performance On Mobile With Chrome
A Strategy for i18n and Node.js DevTools + Remote Debugging
Revisiting JavaScript Objects Firefox OS Simulator 1.0 is here!
SHADOW DOM 101 Decouple Your CSS From HTML With Reusable
How we Learned to Stop Worrying and Love Modules
JavaScript Sub-Pixel Problems in CSS
Design, Viewport & Content How to Detect DOM Changes in CSS
Testing @font-face Support on Mobile and Tablet Native CSS feature detection via the @supports
Conditional loading of resources with mediaqueries rule
Why you should say HTML classes, CSS class Conditional comments (Windows)
selectors, or CSS pseudo-classes, but not CSS JavaScript APIs you’ve never heard of (and some
classes you have)
Links for Advanced JavaScript Reading CSS Grid Layout Draft

56. Bonus Track
We also speak about it:
( during the year )
Chico UI at JSConfAR
FrontEnd good practices at BA & San Luis
HTML for developers at BA & San Luis
Outline the content at BA
The prototype property at BA
CSS good practices at BA
JavaScript module pattern at BA

57. Thanks
@chicoui - chico@mercadolibre.com
https://github.com/mercadolibre/chico/issues/new