Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Software Components @ RUG-B

Avatar for shagemann shagemann
November 03, 2016
Technology
0
1.4k

Software Components @ RUG-B

Avatar for shagemann

shagemann

November 03, 2016
Tweet

More Decks by shagemann

See All by shagemann
Gradually Modularizing your Monolith with Ruby Packs and Packwerk
Avatar for shagemann shagemann
0
1.3k
Structural Engineering in Ruby
Avatar for shagemann shagemann
0
1.3k
Productize Your Services! @ springone 2017
Avatar for shagemann shagemann
0
1.4k
Boulder Ruby Group Beginner's Track - What to Do Next?
Avatar for shagemann shagemann
0
90
GET STARTED WITH COMPONENT-BASED RAILS APPLICATIONS! @ Rocky Mountain Ruby 2015
Avatar for shagemann shagemann
1
140
Get started with Component-Based Rails @ RailsConf 2015
Avatar for shagemann shagemann
3
1.7k
Refactoring towards Component-based Rails Architectures @ RailsConf 2014
Avatar for shagemann shagemann
5
1.9k
The Rich, Flowers, and Piles of Sh%#t - And What To Do About It
Avatar for shagemann shagemann
0
81
Reclaim your architecture @ sbonrails
Avatar for shagemann shagemann
1
110

Other Decks in Technology

See All in Technology
今この時代に技術とどう向き合うべきか
Avatar for gree_tech gree_tech
PRO
2
2.1k
Databricks AI/BI Genie の「値ディクショナリー」をAmazonの奥地（S3）まで見に行く
Avatar for camay kameitomohiro
1
390
個人でデジタル庁の デザインシステムをVue.jsで 作っている話
Avatar for にしはら nishiharatsubasa
3
4.3k
Claude Code Subagents 再入門 ~cc-sddの実装で学んだこと~
Avatar for Gota gotalab555
10
17k
Biz職でもDifyでできる！ 「触らないAIワークフロー」を実現する方法
Avatar for kanacan igarashikana
3
2.5k
難しいセキュリティ用語をわかりやすくしてみた
Avatar for Yuta3110 yuta3110
0
370
webpack依存からの脱却！快適フロントエンド開発をViteで実現する #vuefes
Avatar for 弁護士ドットコム bengo4com
2
2.6k
データ戦略部門 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
3.8k
[2025年10月版] Databricks Data + AI Boot Camp
Avatar for Databricks Japan databricksjapan
1
250
「魔法少女まどか☆マギカ Magia Exedra」におけるバックエンドの技術選定
Avatar for gree_tech gree_tech
PRO
0
110
Zephyr(RTOS)にEdge AIを組み込んでみた話
Avatar for misoji engineer iotengineer22
1
280
serverless team topology
Avatar for kensh _kensh
3
180

Featured

See All Featured
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
79
6k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
130k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
95
14k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
21k
Done Done
Avatar for chrislema chrislema
185
16k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
25k
A better future with KSS
Avatar for Kyle Neath kneath
239
18k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
329
39k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
274
41k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
44
7.8k

Transcript

  1. Software Components Why - How - What Stephan Hagemann -

    2016-11-03 - RUG-B @shageman

  2. WRITE BETTER SOFTW ARE @shageman

  3. @shageman

  4. WHAT IS A COMPONENT? @shageman

  5. Labeled Content + 
 
 Explicit Dependencies @shageman

  6. Labeled Content + 
 
 Explicit Dependencies @shageman

  7. @shageman

  8. Labeled Content + 
 Explicit Dependencies @shageman

  9. @shageman

  10. @shageman

  11. @shageman

  12. @shageman

  13. @shageman

  14. A depends on B … A B @shageman

  15. thus B can not depend on A A B X

    @shageman

  16. and this doesn’t work either A B X C @shageman

  17. X and Y as the same thing @shageman Y X

  18. Uncle Bob says … I like to draw these lines.

    Architecture is the art of drawing lines. With the interesting rule that once you have drawn the lines, all the dependencies that cross that line go in the same direction… @shageman

  19. This is why objects are typically not components… @shageman

  20. @shageman

  21. WHY COMPONENTS? @shageman

  22. Growing size @shageman

  23. Exploding complexity SIZE POSSIBLE INTERACTIONS @shageman

  24. Effect of structure VS @shageman

  25. SIZE POSSIBLE INTERACTIONS Reduced exploding complexity @shageman

  26. @shageman

  27. Communication @shageman

  28. Collaboration @shageman

  29. Creation @shageman

  30. Maintenance @shageman

  31. Comprehension @shageman

  32. HOW TO IMPLEMENT COMPONENTS? @shageman

  33. None

  34. Code!! @shageman

  35. And in other languages? Ruby/Rails: Gems + Engines Java: Modules

    Go: packages Javascript: packages (in npm lingo) C: file compiling + linking @shageman

  36. HOW TO DETERMINE WHAT SHOULD BE A COMPONENT? @shageman

  37. SUMMARY @shageman

  38. Components = Labeled Content + 
 Explicit Dependencies @shageman WHAT

  39. Components improve… communication creation collaboration maintenance comprehension complexity @shageman WHY

  40. In Ruby and Rails… gems and engines can be used

    as components @shageman HOW

  41. @shageman

  42. @shageman

  43. https://leanpub.com/cbra/c/rugb @shageman Discount Code!

  44. Further reading https://leanpub.com/cbra http://cbra.info https://github.com/shageman http://appcontinuum.io @shageman

  45. THANKS! @shageman https://leanpub.com/cbra/c/rugb