from jqyery to react

Post on 09-Jul-2015

297 Views

Category:

Technology

0 Downloads

Preview:

Click to see full reader

DESCRIPTION

A lightning talk presented at framsia meetup about how Xeneta transitioned from a jQuery based frontend to using React.js

TRANSCRIPT

FROM JQUERY TO REACTMARIUS NIELSEN

marius@xeneta.com

ALL NEW UI ELEMENTSWERE WRITTEN WITH REACT

ANY TIME WE CHANGED OLD UI ELEMENTS,WE PORTED TO REACT

AT FIRST WE CONTINUED TO USE JQUERY + PLUGINS AS BEFORE

RESULTING IN LOTS AND LOTS OFComponentDidMount / componentDidUpdate

IT SLOWED US DOWN,AND RESULTED IN COMPLEX COMPONENTS

WE EXPERIENCED PAIN

WE STARTED TO DROP PLUGINS

SHIMS REPLACED CONVENIENTJQUERY METHODS

BOOTSTRAP JQUERY PLUGINSWERE IMPLEMENTED IN REACT

BEFORE WE KNEW IT:

THE RESULTS:

REDUCED SIZE ON SCRIPT FILES1.8 MB TO 650 KB (UNCOMPRESSED)

MUCH LESS CODE TO MAINTAIN!

NO CATCH-ALL OVERLY GENERIC PLUGINS

SMALLER, SIMPLER COMPONENTS

RICH UI GOT EASIER TO CREATEBY REUSING SMALLER COMPONENTS

HAPPIER DEVELOPERS!

AT THIS POINT THE STEP TO FULLSINGLE PAGE ARCHITECTURE WAS SMALL

TO SUM IT UPWE'RE NOT GOING BACK!

NEXT STEPS FOR US

OPEN SOURCE OUR LIBS?

HIRE MORE GREAT DEVELOPERSxeneta.com/company/careers

MAKE MORE AWESOME PRODUCTS

top related