Developer Experience in the React ecosystem

IN THE REACT ECOSYSTEMDEVELOPER EXPERIENCE

MATTEO RONCHI

FULL STACK ARCHITECT

@CEF62

UNSHIFT.XYZ

MAINTAINER OF ITALIAN REACT JS COMMUNITY

MAINTAINER OF ITALIAN ANGULAR JS COMMUNITY

ReactJsDay - 30.10.2015 - Verona

IT’S TERRIBLE DEVELOP WITH IT!THERE’S A COMMON MISCONCEPTION ABOUT JAVASCRIPT, PEOPLE THINK

@CEF62

IT’S TIME TO HELP PEOPLE SEE THINGS DIFFERENTLY

JAVASCRIPT IS OFTEN EXCUSED AS A NECESSARY EVIL, TO BE USED BUT NOT CONSIDERED

@CEF62

IT’S JUST DIFFERENT

FROM A BACKEND DEVELOPER PERSPECTIVE WORKING WITH JAVASCRIPT AND ITS TOOLS MAY SEEM LIMITED

@CEF62

JAVASCRIPT LACKS OF A READY TO USE SOLUTION TO START WITH

TO BE FAIR

@CEF62

BUT IT’S NOT SO BAD!

THE ROAD TO A GOOD DEVELOPER EXPERIENCE IN JAVASCRIPT IS STILL HARD

@CEF62

“AN EVENT OR OCCURRENCE WHICH LEAVES AN IMPRESSION ON SOMEONE”

American English Dictionary

EXPERIENCE @CEF62

A DEVELOPER’S CHORES CAN BE SUMMED UP AS AN INFINITE LOOP: ‣ WRITE ‣ TEST ‣ COMPILE

@CEF62

FACEBOOK DOES AN AMAZING WORK ON ITS OPEN SOURCE PROJECTS

@CEF62

DOGFOODS ITS OWN TOOLS

FACEBOOK

@CEF62

AND…. THE COMMUNITY IS AWESOME

@CEF62

CAN OFFER US TO IMPROVE OUR DEVELOPER EXPERIENCE

WHAT THE REACT ECOSYSTEM

@CEF62

SO MUCH FUN!

REACT LIBRARY

‣ COMPONENT COMPOSITION ‣ UNILATERAL DATA FLOW ‣ INLINE STYLES (IF YOU LIKE IT)

@CEF62

REACT DEVELOPER TOOLS

@CEF62

VISUAL HIGHLIGHT OF

REACT COMPONENTS

TREE OF REACT COMPONENTS

SEARCH BY NAME

DATA AND PROPS I/O

DESIGNED TO FIND TYPE ERRORS IN JAVASCRIPT

STATIC TYPE CHECKER

@CEF62

EXPLICIT TYPE DEFINITION IMPLICIT TYPE INFERENCE GRADUAL TYPE SYSTEM

JS CODESHIFT

AND MUCH MORE!

THE PLUGGABLE LINTING UTILITY FOR JAVASCRIPT AND JSX

ESLINT

@CEF62

‣ USE NEXT GENERATION JAVASCRIPT, TODAY ‣ ES2015 AND BEYOND ‣ JSX AND REACT

@CEF62

BUILD SYSTEMMAKE YOUR CHOICE

@CEF62

IS ITS COMMUNITYWHAT MAKE REACT A GREAT CHOICE

@CEF62

WHAT ANYONE OF US CAN DO?

@CEF62

‣Be part of the community:

‣Report issues on OSS projects

‣Help resolving these issues, don't

wait until other will do it!

‣Don't create your own fork,

contribute to improve already

available libraries

@CEF62

THANKS!@CEF62