Slide 1

Slide 1 text

IN THE REACT ECOSYSTEM DEVELOPER EXPERIENCE

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

IT’S TIME TO HELP PEOPLE SEE THINGS DIFFERENTLY JAVASCRIPT IS OFTEN EXCUSED AS A NECESSARY EVIL, TO BE USED BUT NOT CONSIDERED @CEF62

Slide 5

Slide 5 text

IT’S JUST DIFFERENT FROM A BACKEND DEVELOPER PERSPECTIVE WORKING WITH JAVASCRIPT AND ITS TOOLS MAY SEEM LIMITED @CEF62

Slide 6

Slide 6 text

JAVASCRIPT LACKS OF A READY TO USE SOLUTION TO START WITH TO BE FAIR @CEF62

Slide 7

Slide 7 text

BUT IT’S NOT SO BAD! THE ROAD TO A GOOD DEVELOPER EXPERIENCE IN JAVASCRIPT IS STILL HARD @CEF62

Slide 8

Slide 8 text

“AN EVENT OR OCCURRENCE WHICH LEAVES AN IMPRESSION ON SOMEONE” American English Dictionary EXPERIENCE @CEF62

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

FACEBOOK DOES AN AMAZING WORK ON ITS OPEN SOURCE PROJECTS @CEF62

Slide 11

Slide 11 text

DOGFOODS ITS OWN TOOLS FACEBOOK @CEF62

Slide 12

Slide 12 text

AND…. THE COMMUNITY IS AWESOME @CEF62

Slide 13

Slide 13 text

CAN OFFER US TO IMPROVE OUR DEVELOPER EXPERIENCE WHAT THE REACT ECOSYSTEM @CEF62

Slide 14

Slide 14 text

SO MUCH FUN! REACT LIBRARY ‣ COMPONENT COMPOSITION ‣ UNILATERAL DATA FLOW ‣ INLINE STYLES (IF YOU LIKE IT) @CEF62

Slide 15

Slide 15 text

REACT DEVELOPER TOOLS @CEF62

Slide 16

Slide 16 text

VISUAL HIGHLIGHT OF REACT COMPONENTS TREE OF REACT COMPONENTS SEARCH BY NAME DATA AND PROPS I/O

Slide 17

Slide 17 text

DESIGNED TO FIND TYPE ERRORS IN JAVASCRIPT STATIC TYPE CHECKER @CEF62

Slide 18

Slide 18 text

EXPLICIT TYPE DEFINITION IMPLICIT TYPE INFERENCE GRADUAL TYPE SYSTEM

Slide 19

Slide 19 text

JS CODESHIFT AND MUCH MORE!

Slide 20

Slide 20 text

THE PLUGGABLE LINTING UTILITY FOR JAVASCRIPT AND JSX ESLINT @CEF62

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

BUILD SYSTEM MAKE YOUR CHOICE @CEF62

Slide 23

Slide 23 text

IS ITS COMMUNITY WHAT MAKE REACT A GREAT CHOICE @CEF62

Slide 24

Slide 24 text

WHAT ANYONE OF US CAN DO? @CEF62

Slide 25

Slide 25 text

‣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

Slide 26

Slide 26 text

THANKS! @CEF62