FOSDEM_Automated_styleguide_documentation (1)
如果无法正常显示,请先停止浏览器的去广告插件。
相关话题:
#zalando
1. AUTOMATING STYLE GUIDE
DOCUMENTATION
1
2. FERIT TOPCU
@Fokusman
@Fokusferit
2
3. ZALANDO
•
3
>14K 15
Em pl oyees M ar ket s
~2000 >250K
Tech I t em s
Europe’s leading online fashion platform
founded 2008 in Berlin
4. WHY A STYLE GUIDE?
5. THE SAME LOOK AND FEEL
6. DON’T REPEAT YOURSELF
7. MOVE FAST
8. HOW TO CONTRIBUTE?
9. EASY TO MAINTAIN
10. EASY TO CONTRIBUTE
11. EASY TO CUSTOMIZE
12. MARKDOWN
13. SOLUTION
14. WORKFLOW
14
15. TECHNICAL DETAILS (SCSS REPOSITORY)
15
16. TECHNICAL DETAILS (COMPONENTS)
•
Frontend Stack:
•
•
•
•
Testing strategy:
•
•
•
•
React
Preact
Karma & Jasmine
Documentation:
•
•
16
Webpack, Gulp
Babel
React
JSDocs
documentationjs
17. GENERATING COMPONENT DOCUMENTATION
17
18. GENERATING COMPONENT DOCUMENTATION
18
19. AUTOMATED COMPONENT DOCUMENTATION
19
20. CONCLUSION
21. DOCUMENTATION AS IMPORTANT AS CODE
22. KEEP ENTRY LEVEL LOW
23. USE DOCUMENTATIONJS
24. JAMSTACK IS A GREAT APPROACH
25. https://github.com/fokusferit/documentationjs-demo-project
https://github.com/documentationjs/documentation
https://fabric-design.github.io/styleguide/
26.