Front-end Development
Isha Kasliwal
isha.kasliwal@chloeandisabel.com
Introduction: About Me
o  Front-end Engineer & UX Designer
About chloe + isabel
o  Founded in 2011 by Chantel Waterbury
o  2 offices: TriBeCa, NYC + Oakland, CA
o  “a social commerc...
o  10 Engineers: 1 female, 9 male
o  1 Front-end Engineer (me!)
o  4 Full-stack Engineers
o  5 Back-end Engineers
o  2 QA ...
Stack
o  Currently, our full stack includes:
o  Ruby
o  Rails
o  MySQL
o  MongoDB
o  Redis
o  Backbone
o  AWS
o  Heroku
o ...
Front-end Framework
o  We recently just updated Bootstrap 2.3.2 to
Bootstrap 3.0
We know they’re releasing version 4 soon…...
The Bootstrap Upgrade/Refactor Saga
o  Why did we decide to upgrade?
o  3+ years of legacy front-end code
o  Sluggish page...
The Bootstrap Upgrade/Refactor Saga
o  $.proxy($.proxy(function(){...}))
o  presentCurrentCart: -> launchCurrentCart()
lau...
o  Why else did we decide to upgrade?
o  Probably the largest front-end overhaul our code
base has seen in 4 years, so, mu...
o  Process:
o  Took about 1 month
o  1 Front-end Engineer, 1 Back-end Engineer
o  2 QA Engineers
The Bootstrap Upgrade/Ref...
o  The toughest/most time consuming parts:
o  Mass replacing the classes
o  People bound JS events to BS classes, so…
o  M...
o  What came out of it:
o  750 files changed
o  The net effect on lines of code was -10,000 lines
(meaning we reduced our ...
The Bootstrap Upgrade/Refactor Saga
The Bootstrap Upgrade/Refactor Saga
React.js
o  Newest framework in our stack
o  Benefits
o  Can create useable components
o  Creates a virtual DOM
o  Can mix...
Psst… we’re hiring!
o  Front-end Engineer
o  Software Engineer
o  Senior Engineer
o  UX / HCI Designer
Questions?
o  Contact info:
o  isha.kasliwal@chloeandisabel.com
o  @ikasliwal
Upcoming SlideShare
Loading in …5
×

111814 chloe + isabel stackuptalks

45 views

Published on

111814 chloe + isabel stackuptalks

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
45
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

111814 chloe + isabel stackuptalks

  1. 1. Front-end Development Isha Kasliwal isha.kasliwal@chloeandisabel.com
  2. 2. Introduction: About Me o  Front-end Engineer & UX Designer
  3. 3. About chloe + isabel o  Founded in 2011 by Chantel Waterbury o  2 offices: TriBeCa, NYC + Oakland, CA o  “a social commerce jewelry brand with a proprietary technology platform that powers sellers’ personal e- commerce experience” o  A spin on the common ‘Tupperware party’ !
  4. 4. o  10 Engineers: 1 female, 9 male o  1 Front-end Engineer (me!) o  4 Full-stack Engineers o  5 Back-end Engineers o  2 QA Engineers c+i Tech Team
  5. 5. Stack o  Currently, our full stack includes: o  Ruby o  Rails o  MySQL o  MongoDB o  Redis o  Backbone o  AWS o  Heroku o  SASS o  HAML o  React.JS o  CoffeeScript o  Jquery
  6. 6. Front-end Framework o  We recently just updated Bootstrap 2.3.2 to Bootstrap 3.0 We know they’re releasing version 4 soon… don’t remind us…
  7. 7. The Bootstrap Upgrade/Refactor Saga o  Why did we decide to upgrade? o  3+ years of legacy front-end code o  Sluggish page loading times o  Interesting old things I’d find, like this:
  8. 8. The Bootstrap Upgrade/Refactor Saga o  $.proxy($.proxy(function(){...})) o  presentCurrentCart: -> launchCurrentCart() launchCurrentCart: -> $('.current-cart').show()
  9. 9. o  Why else did we decide to upgrade? o  Probably the largest front-end overhaul our code base has seen in 4 years, so, much needed o  BS3 is targeted to be mobile-first o  Grid system is fully responsive + fluid o  BS2 is no longer maintained, BS3 is now maintained + debugged The Bootstrap Upgrade/Refactor Saga
  10. 10. o  Process: o  Took about 1 month o  1 Front-end Engineer, 1 Back-end Engineer o  2 QA Engineers The Bootstrap Upgrade/Refactor Saga
  11. 11. o  The toughest/most time consuming parts: o  Mass replacing the classes o  People bound JS events to BS classes, so… o  Making sure everything still worked exactly as intended The Bootstrap Upgrade/Refactor Saga
  12. 12. o  What came out of it: o  750 files changed o  The net effect on lines of code was -10,000 lines (meaning we reduced our code by 10,000 while not losing any functionality/styling) o  Every critical path in the application was tested numerous times o  No major bugs The Bootstrap Upgrade/Refactor Saga
  13. 13. The Bootstrap Upgrade/Refactor Saga
  14. 14. The Bootstrap Upgrade/Refactor Saga
  15. 15. React.js o  Newest framework in our stack o  Benefits o  Can create useable components o  Creates a virtual DOM o  Can mix HTML + JS o  Great for SEO
  16. 16. Psst… we’re hiring! o  Front-end Engineer o  Software Engineer o  Senior Engineer o  UX / HCI Designer
  17. 17. Questions? o  Contact info: o  isha.kasliwal@chloeandisabel.com o  @ikasliwal

×