26
IN THE REACT ECOSYSTEM DEVELOPER EXPERIENCE

Developer Experience in the React ecosystem

Embed Size (px)

Citation preview

Page 1: Developer Experience in the React ecosystem

IN THE REACT ECOSYSTEMDEVELOPER EXPERIENCE

Page 2: Developer Experience in the React ecosystem

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

Page 3: Developer Experience in the React ecosystem

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

@CEF62

Page 4: Developer Experience in the React ecosystem

IT’S TIME TO HELP PEOPLE SEE THINGS DIFFERENTLY

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

@CEF62

Page 5: Developer Experience in the React ecosystem

IT’S JUST DIFFERENT

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

@CEF62

Page 6: Developer Experience in the React ecosystem

JAVASCRIPT LACKS OF A READY TO USE SOLUTION TO START WITH

TO BE FAIR

@CEF62

Page 7: Developer Experience in the React ecosystem

BUT IT’S NOT SO BAD!

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

@CEF62

Page 8: Developer Experience in the React ecosystem

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

American English Dictionary

EXPERIENCE @CEF62

Page 9: Developer Experience in the React ecosystem

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

@CEF62

Page 10: Developer Experience in the React ecosystem

FACEBOOK DOES AN AMAZING WORK ON ITS OPEN SOURCE PROJECTS

@CEF62

Page 11: Developer Experience in the React ecosystem

DOGFOODS ITS OWN TOOLS

FACEBOOK

@CEF62

Page 12: Developer Experience in the React ecosystem

AND…. THE COMMUNITY IS AWESOME

@CEF62

Page 13: Developer Experience in the React ecosystem

CAN OFFER US TO IMPROVE OUR DEVELOPER EXPERIENCE

WHAT THE REACT ECOSYSTEM

@CEF62

Page 14: Developer Experience in the React ecosystem

SO MUCH FUN!

REACT LIBRARY

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

@CEF62

Page 15: Developer Experience in the React ecosystem

REACT DEVELOPER TOOLS

@CEF62

Page 16: Developer Experience in the React ecosystem

VISUAL HIGHLIGHT OF

REACT COMPONENTS

TREE OF REACT COMPONENTS

SEARCH BY NAME

DATA AND PROPS I/O

Page 17: Developer Experience in the React ecosystem

DESIGNED TO FIND TYPE ERRORS IN JAVASCRIPT

STATIC TYPE CHECKER

@CEF62

Page 18: Developer Experience in the React ecosystem

EXPLICIT TYPE DEFINITION IMPLICIT TYPE INFERENCE GRADUAL TYPE SYSTEM

Page 19: Developer Experience in the React ecosystem

JS CODESHIFT

AND MUCH MORE!

Page 20: Developer Experience in the React ecosystem

THE PLUGGABLE LINTING UTILITY FOR JAVASCRIPT AND JSX

ESLINT

@CEF62

Page 21: Developer Experience in the React ecosystem

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

@CEF62

Page 22: Developer Experience in the React ecosystem

BUILD SYSTEMMAKE YOUR CHOICE

@CEF62

Page 23: Developer Experience in the React ecosystem

IS ITS COMMUNITYWHAT MAKE REACT A GREAT CHOICE

@CEF62

Page 24: Developer Experience in the React ecosystem

WHAT ANYONE OF US CAN DO?

@CEF62

Page 25: Developer Experience in the React ecosystem

‣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

Page 26: Developer Experience in the React ecosystem

THANKS!@CEF62