from jqyery to react
DESCRIPTION
A lightning talk presented at framsia meetup about how Xeneta transitioned from a jQuery based frontend to using React.jsTRANSCRIPT
FROM JQUERY TO REACTMARIUS NIELSEN
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