developer experience in the react ecosystem
TRANSCRIPT
![Page 1: Developer Experience in the React ecosystem](https://reader036.vdocuments.net/reader036/viewer/2022062400/587b11461a28abb15c8b6719/html5/thumbnails/1.jpg)
IN THE REACT ECOSYSTEMDEVELOPER EXPERIENCE
![Page 2: Developer Experience in the React ecosystem](https://reader036.vdocuments.net/reader036/viewer/2022062400/587b11461a28abb15c8b6719/html5/thumbnails/2.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062400/587b11461a28abb15c8b6719/html5/thumbnails/3.jpg)
IT’S TERRIBLE DEVELOP WITH IT!THERE’S A COMMON MISCONCEPTION ABOUT JAVASCRIPT, PEOPLE THINK
@CEF62
![Page 4: Developer Experience in the React ecosystem](https://reader036.vdocuments.net/reader036/viewer/2022062400/587b11461a28abb15c8b6719/html5/thumbnails/4.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062400/587b11461a28abb15c8b6719/html5/thumbnails/5.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062400/587b11461a28abb15c8b6719/html5/thumbnails/6.jpg)
JAVASCRIPT LACKS OF A READY TO USE SOLUTION TO START WITH
TO BE FAIR
@CEF62
![Page 7: Developer Experience in the React ecosystem](https://reader036.vdocuments.net/reader036/viewer/2022062400/587b11461a28abb15c8b6719/html5/thumbnails/7.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062400/587b11461a28abb15c8b6719/html5/thumbnails/8.jpg)
“AN EVENT OR OCCURRENCE WHICH LEAVES AN IMPRESSION ON SOMEONE”
American English Dictionary
EXPERIENCE @CEF62
![Page 9: Developer Experience in the React ecosystem](https://reader036.vdocuments.net/reader036/viewer/2022062400/587b11461a28abb15c8b6719/html5/thumbnails/9.jpg)
A DEVELOPER’S CHORES CAN BE SUMMED UP AS AN INFINITE LOOP: ‣ WRITE ‣ TEST ‣ COMPILE
@CEF62
![Page 10: Developer Experience in the React ecosystem](https://reader036.vdocuments.net/reader036/viewer/2022062400/587b11461a28abb15c8b6719/html5/thumbnails/10.jpg)
FACEBOOK DOES AN AMAZING WORK ON ITS OPEN SOURCE PROJECTS
@CEF62
![Page 11: Developer Experience in the React ecosystem](https://reader036.vdocuments.net/reader036/viewer/2022062400/587b11461a28abb15c8b6719/html5/thumbnails/11.jpg)
DOGFOODS ITS OWN TOOLS
@CEF62
![Page 12: Developer Experience in the React ecosystem](https://reader036.vdocuments.net/reader036/viewer/2022062400/587b11461a28abb15c8b6719/html5/thumbnails/12.jpg)
AND…. THE COMMUNITY IS AWESOME
@CEF62
![Page 13: Developer Experience in the React ecosystem](https://reader036.vdocuments.net/reader036/viewer/2022062400/587b11461a28abb15c8b6719/html5/thumbnails/13.jpg)
CAN OFFER US TO IMPROVE OUR DEVELOPER EXPERIENCE
WHAT THE REACT ECOSYSTEM
@CEF62
![Page 14: Developer Experience in the React ecosystem](https://reader036.vdocuments.net/reader036/viewer/2022062400/587b11461a28abb15c8b6719/html5/thumbnails/14.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062400/587b11461a28abb15c8b6719/html5/thumbnails/15.jpg)
REACT DEVELOPER TOOLS
@CEF62
![Page 16: Developer Experience in the React ecosystem](https://reader036.vdocuments.net/reader036/viewer/2022062400/587b11461a28abb15c8b6719/html5/thumbnails/16.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062400/587b11461a28abb15c8b6719/html5/thumbnails/17.jpg)
DESIGNED TO FIND TYPE ERRORS IN JAVASCRIPT
STATIC TYPE CHECKER
@CEF62
![Page 18: Developer Experience in the React ecosystem](https://reader036.vdocuments.net/reader036/viewer/2022062400/587b11461a28abb15c8b6719/html5/thumbnails/18.jpg)
EXPLICIT TYPE DEFINITION IMPLICIT TYPE INFERENCE GRADUAL TYPE SYSTEM
![Page 19: Developer Experience in the React ecosystem](https://reader036.vdocuments.net/reader036/viewer/2022062400/587b11461a28abb15c8b6719/html5/thumbnails/19.jpg)
JS CODESHIFT
AND MUCH MORE!
![Page 20: Developer Experience in the React ecosystem](https://reader036.vdocuments.net/reader036/viewer/2022062400/587b11461a28abb15c8b6719/html5/thumbnails/20.jpg)
THE PLUGGABLE LINTING UTILITY FOR JAVASCRIPT AND JSX
ESLINT
@CEF62
![Page 21: Developer Experience in the React ecosystem](https://reader036.vdocuments.net/reader036/viewer/2022062400/587b11461a28abb15c8b6719/html5/thumbnails/21.jpg)
‣ USE NEXT GENERATION JAVASCRIPT, TODAY ‣ ES2015 AND BEYOND ‣ JSX AND REACT
@CEF62
![Page 22: Developer Experience in the React ecosystem](https://reader036.vdocuments.net/reader036/viewer/2022062400/587b11461a28abb15c8b6719/html5/thumbnails/22.jpg)
BUILD SYSTEMMAKE YOUR CHOICE
@CEF62
![Page 23: Developer Experience in the React ecosystem](https://reader036.vdocuments.net/reader036/viewer/2022062400/587b11461a28abb15c8b6719/html5/thumbnails/23.jpg)
IS ITS COMMUNITYWHAT MAKE REACT A GREAT CHOICE
@CEF62
![Page 24: Developer Experience in the React ecosystem](https://reader036.vdocuments.net/reader036/viewer/2022062400/587b11461a28abb15c8b6719/html5/thumbnails/24.jpg)
WHAT ANYONE OF US CAN DO?
@CEF62
![Page 25: Developer Experience in the React ecosystem](https://reader036.vdocuments.net/reader036/viewer/2022062400/587b11461a28abb15c8b6719/html5/thumbnails/25.jpg)
‣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](https://reader036.vdocuments.net/reader036/viewer/2022062400/587b11461a28abb15c8b6719/html5/thumbnails/26.jpg)
THANKS!@CEF62