Applying the Unix Philosophy: Writing Code that Lasts in 2017

As given at We Rise, Atlanta, GA

Transcript

1. APPLYING THE UNIX PHILOSOPHY HOW TO WRITE CODE THAT LASTS IN 2017 Marilyn C. Cole @mmmarilyn http://marilynccole.com
2. KEEPING THINGS SIMPLE
3. KEEPING THINGS SIMPLE IS THE BEST
6. THE PLAN ▸ My creds ▸ What is “the Unix philosophy” and why should I care? ▸ How to use it in: ▸ APIs ▸ Feature planning ▸ Frontend JS!
7. MY BACKGROUND 1999 2017 2008
8. MY BACKGROUND HTML / CSS 1999 2017 2008
9. MY BACKGROUND HTML / CSS JS (mostly for hover effects) 1999 2017 2008
10. MY BACKGROUND HTML / CSS JS (mostly for hover effects) 1999 2017 2008 XML / XSLT
11. MY BACKGROUND HTML / CSS JS (mostly for hover effects) 1999 2017 2008 XML / XSLT jQuery
12. MY BACKGROUND HTML / CSS JS (mostly for hover effects) 1999 2017 2008 XML / XSLT GWT jQuery
13. MY BACKGROUND HTML / CSS JS (mostly for hover effects) 1999 2017 2008 XML / XSLT GWT jQuery Selenium
14. MY BACKGROUND HTML / CSS JS (mostly for hover effects) 1999 2017 2008 XML / XSLT GWT jQuery AngularJS 1.1, 1.2, 2? Selenium
15. MY BACKGROUND HTML / CSS JS (mostly for hover effects) 1999 2017 2008 XML / XSLT GWT jQuery AngularJS 1.1, 1.2, 2? Selenium React / Redux!
16. SO — WHAT IS THE UNIX PHILOSOPHY?
17. ONE THING WELL This is the Unix philosophy: ▸ Write programs that do one thing and do it well. ▸ Write programs to work together. ▸ Write programs to handle text streams, because that is a universal interface. —Peter H. Salus
18. MAKE THINGS SMALL
19. MAKE THINGS SMALL
20. MAKE THINGS SMALL SMALLER THAN THAT
21. COMPOSABILITY $ history | grep that-dang-complicated-command
22. COMPOSABILITY $ find /Users/mcole/ -exec file -b --mime-type {} + | sort | uniq -c | sort -nr 215358 text/plain 86122 application/x-directory 49512 application/octet-stream 42686 text/x-c++ 41685 text/x-php 14770 text/x-c ...
23. DISCOVERING REUSABILITY
24. DISCOVERING REUSABILITY
25. REST APIS
26. REST APIS — AKA MICROSERVICES
27. COMPOSABILITY
28. COMPOSABILITY
29. FEATURE PLANNING AND AGILE
30. FRONTEND JS
31. FRONTEND JS
32. REACT AND REDUX
33. AN EXAMPLE DIRECTORY STRUCTURE
34. AN EXAMPLE DIRECTORY STRUCTURE Presentational components
35. AN EXAMPLE DIRECTORY STRUCTURE Container components Presentational components
36. AN EXAMPLE DIRECTORY STRUCTURE Container components Presentational components Connected components
37. AN EXAMPLE DIRECTORY STRUCTURE Container components Presentational components Connected components And TESTS! ✅ ✅ ✅ ✅
38. VANILLA JS ⚪
39. REUSABILITY AND COMPOSABILITY
40. THANKS! Marilyn C. Cole @mmmarilyn http://marilynccole.com
41. THANKS! Marilyn C. Cole @mmmarilyn http://marilynccole.com
42. THANKS! ▸ https://github.com/jhb188/react-talk-sample-app ▸ http://www.vinaysahni.com/best-practices-for-a-pragmatic- restful-api ▸ Tim Doherty: Framework Fatigue - JSConf 2015 ▸ Eloquent Javascript, Marijn Haverbeke ▸ Javascript: The Good Parts, Douglas Crockford ▸ The Queen of Code, Hidden Figures, and Halt and Catch Fire for fabulous lady programming icons