Developer Experience in the React ecosystem

Companies always focus on User Experience because customer satisfaction is what pays the bill. But it's 2015, we can have both a great User Experience and a great Developer Experience. React ecosystem is full of awesome developers who care about their DX. It's time to improve our daily experience, as developers, to also improve our customer's satisfaction.
This talk will show many tools to have a better development experience (webpack, babel, eslint, etc..). We'll see different libraries for React that will improve development time and give us back the fun of doing front-end development.

Transcript

1. IN THE REACT ECOSYSTEM DEVELOPER EXPERIENCE
2. 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
3. IT’S TERRIBLE DEVELOP WITH IT! THERE’S A COMMON MISCONCEPTION ABOUT JAVASCRIPT, PEOPLE THINK @CEF62
4. IT’S TIME TO HELP PEOPLE SEE THINGS DIFFERENTLY JAVASCRIPT IS OFTEN EXCUSED AS A NECESSARY EVIL, TO BE USED BUT NOT CONSIDERED @CEF62
5. IT’S JUST DIFFERENT FROM A BACKEND DEVELOPER PERSPECTIVE WORKING WITH JAVASCRIPT AND ITS TOOLS MAY SEEM LIMITED @CEF62
6. JAVASCRIPT LACKS OF A READY TO USE SOLUTION TO START WITH TO BE FAIR @CEF62
7. BUT IT’S NOT SO BAD! THE ROAD TO A GOOD DEVELOPER EXPERIENCE IN JAVASCRIPT IS STILL HARD @CEF62
8. “AN EVENT OR OCCURRENCE WHICH LEAVES AN IMPRESSION ON SOMEONE” American English Dictionary EXPERIENCE @CEF62
9. A DEVELOPER’S CHORES CAN BE SUMMED UP AS AN INFINITE LOOP: ‣ WRITE ‣ TEST ‣ COMPILE @CEF62
10. FACEBOOK DOES AN AMAZING WORK ON ITS OPEN SOURCE PROJECTS @CEF62
11. DOGFOODS ITS OWN TOOLS FACEBOOK @CEF62
12. AND…. THE COMMUNITY IS AWESOME @CEF62
13. CAN OFFER US TO IMPROVE OUR DEVELOPER EXPERIENCE WHAT THE REACT ECOSYSTEM @CEF62
14. SO MUCH FUN! REACT LIBRARY ‣ COMPONENT COMPOSITION ‣ UNILATERAL DATA FLOW ‣ INLINE STYLES (IF YOU LIKE IT) @CEF62
15. REACT DEVELOPER TOOLS @CEF62
16. VISUAL HIGHLIGHT OF REACT COMPONENTS TREE OF REACT COMPONENTS SEARCH BY NAME DATA AND PROPS I/O
17. DESIGNED TO FIND TYPE ERRORS IN JAVASCRIPT STATIC TYPE CHECKER @CEF62
18. EXPLICIT TYPE DEFINITION IMPLICIT TYPE INFERENCE GRADUAL TYPE SYSTEM
19. JS CODESHIFT AND MUCH MORE!
20. THE PLUGGABLE LINTING UTILITY FOR JAVASCRIPT AND JSX ESLINT @CEF62
21. ‣ USE NEXT GENERATION JAVASCRIPT, TODAY ‣ ES2015 AND BEYOND ‣ JSX AND REACT @CEF62
22. BUILD SYSTEM MAKE YOUR CHOICE @CEF62
23. IS ITS COMMUNITY WHAT MAKE REACT A GREAT CHOICE @CEF62
24. WHAT ANYONE OF US CAN DO? @CEF62
25. ‣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
26. THANKS! @CEF62