diff --git a/MyPage/css/myStyle.css b/MyPage/css/myStyle.css index 0021c32..9ebd517 100644 --- a/MyPage/css/myStyle.css +++ b/MyPage/css/myStyle.css @@ -240,3 +240,30 @@ a.more { padding: 0 100px 20px 20px; } } + +/* KJB: my implementation of table-based Description Lists (which is less vulnerable to sizing) */ +/* tl: table list */ +.tl table, .tl tr, .tl td { + border-style: solid; + border-width: 1px; + border: none; /* disable all borders */ +} +.tl { + border-collapse: collapse; + border-spacing: 0; +} +.tl td { + padding: 1px 10px; + overflow: hidden; + word-break: normal; +} +.tl .tl-term { + font-weight: bold; + text-align: left; + vertical-align: top; + white-space: nowrap; +} +.tl .tl-def { + text-align: left; + vertical-align: top; +} diff --git a/MyPage/img/kbridges2.jpg b/MyPage/img/kbridges2.jpg new file mode 100644 index 0000000..59a7079 Binary files /dev/null and b/MyPage/img/kbridges2.jpg differ diff --git a/MyPage/img/kbridges3.jpg b/MyPage/img/kbridges3.jpg new file mode 100644 index 0000000..c28ea2e Binary files /dev/null and b/MyPage/img/kbridges3.jpg differ diff --git a/MyPage/img/kbridges4.jpg b/MyPage/img/kbridges4.jpg new file mode 100644 index 0000000..a9cd6e9 Binary files /dev/null and b/MyPage/img/kbridges4.jpg differ diff --git a/MyPage/img/kbridges5.jpg b/MyPage/img/kbridges5.jpg new file mode 100644 index 0000000..c9c2496 Binary files /dev/null and b/MyPage/img/kbridges5.jpg differ diff --git a/MyPage/img/kbridges6.jpg b/MyPage/img/kbridges6.jpg new file mode 100644 index 0000000..0bde5ed Binary files /dev/null and b/MyPage/img/kbridges6.jpg differ diff --git a/MyPage/img/kbridgesCards.jpg b/MyPage/img/kbridgesCards.jpg new file mode 100644 index 0000000..0856f73 Binary files /dev/null and b/MyPage/img/kbridgesCards.jpg differ diff --git a/MyPage/index.html b/MyPage/index.html index 2d0c9ea..30116d3 100644 --- a/MyPage/index.html +++ b/MyPage/index.html @@ -559,6 +559,32 @@
- Feature Based Project Organization ... + Feature-Based Development ...
Feature Based Project Organization for React
+Feature-Based Development for React
Presentation Resources:
@@ -101,127 +117,145 @@• slides: | +presentation slides (PDF) | +
• teaser: | +what is feature-u? | +
• article: | +intro and basic concepts | +
• docs: | +comprehensive documentation | +
• repo: | +source code | +
• feature-redux: | +redux plugin (state management) | +
• feature-redux-logic: | +redux-logic plugin (managing business logic and async processes) | +
• feature-router: | +StateRouter plugin (feature-based navigation using redux state) | +
• eatery-nod-w: | +a PWA web app using feature-u (a Date Night Random Restaurant Selector) | +
Presentation Syllabus:
- This session will introduce you to a new JS library called - feature-u, which opens new doors into the exciting world of - feature-based development. + Feature-Based Development has become more prevalent in today's + landscape, and for good reason! This technique greatly improves your code + comprehension because there is a direct correlation between the + problem space (i.e. the requirements) and the implementation (i.e. the + code)!
- +- Most developers would agree that organizing your project by - feature is much preferred over type-based patterns. Because - application domains grow in the real world, project - organization by type simply doesn't scale, it just becomes - unmanageable! + However feature-based development involves more that just organizing your project's + directory structure into features. You want to encapsulate your + features into isolated and self sufficient modules, and yet they must + also be able to collaborate with other features.
- There are many good articles on this topic with insights on - feature-based design and structure. However when it comes to - the implementation, you are pretty much left to fend for - yourself. + If done right, your features will actually become miniature + applications that simply plug-and-play!
- This session will delve into how feature-u assists in: + As it turns out there are a number of hurdles to overcome in order to + accomplish this. Rather than being left to fend for yourself, a new + utility called + feature-u + has already tackled these hurdles.
-+ The "Playful Features" session will discuss how your features can + exude a more playful nature ... in the sense that they plug-and-play! +
-+ With feature-u ... + +
+ In short, your features can become more playful ... they can plug-and-play! +
- Currently feature-u supports any of the React platforms - (Web, React Native, Expo), however these concepts can be - used to support other JS frameworks or even non-JS - environments. + feature-u + opens new doors into the exciting world of + Feature-Based Development. It frees you up to focus your + attention on the "business end" of your features!