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.

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