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 @@

Articles

+ +
+
+
+ +
+ feature-u Teaser +
+
Introducing feature-u: Are you using features in your project?
+
+
+
+ + +
+
+
+ +
+ feature-u Concepts (V1) +
+
Unleash the Power of Feature Based JS Development - with feature-u V1
+
+
+
+
@@ -567,11 +593,17 @@

Articles


feature-u Intro (V0)
-
Feature Based Project Organization for React
+
Feature-Based Development for React
+ + +
+ +
+
@@ -637,7 +669,7 @@

Open Source

- Feature Based Project Organization ... + Feature-Based Development ...

@@ -650,7 +682,7 @@

Open Source


feature-u
-
Feature Based Project Organization for React
+
Feature-Based Development for React
@@ -773,6 +805,19 @@

Open Source

+ +
+
+
+ +
+ eatery-nod-w +
+
a Date Night Random Restaurant Selector (a Progressive Web App - PWA)
+
+
+
+
diff --git a/MyPage/presentations/feature-u/feature-u-slides.pdf b/MyPage/presentations/feature-u/feature-u-slides.pdf index 3cab44b..49cc8a6 100644 Binary files a/MyPage/presentations/feature-u/feature-u-slides.pdf and b/MyPage/presentations/feature-u/feature-u-slides.pdf differ diff --git a/MyPage/presentations/feature-u/img/featureUSplash.jpg b/MyPage/presentations/feature-u/img/featureUSplash.jpg index 9f3b1a7..be0d110 100644 Binary files a/MyPage/presentations/feature-u/img/featureUSplash.jpg and b/MyPage/presentations/feature-u/img/featureUSplash.jpg differ diff --git a/MyPage/presentations/feature-u/img/playfulFeatures.jpg b/MyPage/presentations/feature-u/img/playfulFeatures.jpg new file mode 100644 index 0000000..2d62e7d Binary files /dev/null and b/MyPage/presentations/feature-u/img/playfulFeatures.jpg differ diff --git a/MyPage/presentations/feature-u/index.html b/MyPage/presentations/feature-u/index.html index 623b79a..4191368 100644 --- a/MyPage/presentations/feature-u/index.html +++ b/MyPage/presentations/feature-u/index.html @@ -54,7 +54,7 @@ --> @@ -67,8 +67,19 @@ @@ -80,19 +91,24 @@

Unleash the power of
feature-bas
- feature-u splash icon + + feature-u splash icon
-

Unleash the power of feature-based JS development

+ +

Playful Features

+

Presentation Resources:

@@ -101,127 +117,145 @@

Unleash the power of feature-based JS development
  • feature-u: -
      -
    • - slides - presentation slides (PDF) -
    • -
    • - article - intro and basic concepts -
    • - -
    • - docs - comprehensive documentation -
    • - -
    • - repo - source -
    • -
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    slides: presentation slides (PDF)
    teaser: what is feature-u?
    article: intro and basic concepts
    docs: comprehensive documentation
    repo: source code
    +
  • - plugins (extending feature-u): - + plugins (extending feature-u): + + + + + + + + + + + + + + + + + + +
    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 - a React Native/Expo app using feature-u (a Date Night Random Restaurant Selector) + sample app: + + + + + + + + + + +
    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.

      -
        - -
      • - Feature Encapsulation:
        - isolating feature implementations improves code - manageability ... you can think of features as simply - "mini applications" -

      • - -
      • - Cross Feature Communication:
        - a feature's public API is promoted through a well-defined - standard ... helping to make your features Plug-and-Play -

      • - -
      • - Feature Based UI Composition:
        - component composition can easily cross feature boundaries - ... using a feature-u HoC (and something called resource - contracts), cross-feature content injection is seamless - (and can even be autonomous) -

      • - -
      • - Feature Enablement:
        - enable/disable features through a simple run-time switch -

      • - -
      • - Application Life Cycle Hooks:
        - features can initialize themselves without relying on an - external process, greatly simplifying your mainline - startup process -

      • +

        + The "Playful Features" session will discuss how your features can + exude a more playful nature ... in the sense that they plug-and-play! +

        -
      • - Framework Integration:
        - using feature-u's extendable plugins, the frameworks of - your choice (i.e. matching your run-time-stack) are - seamlessly integrated into your features, and are - auto-configured ... greatly simplifying their use and - reducing boilerplate code -

      • +

        + With feature-u ... + +

          +
        • your features can be encapsulated and isolated
        • +
        • they can collaborate with other features in an extendable way
        • +
        • your components can employ cross-feature composition (even injecting their their content autonomously)
        • +
        • your features can initialize themselves
        • +
        • they can be activated or deactivated at run-time
        • +
        • and as a bonus, your frameworks will even auto-configure with only the active features (via a plugin architecture)
        • +
        +

        -
      +

      + 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!

    diff --git a/README.md b/README.md index f810e11..15b52a7 100644 --- a/README.md +++ b/README.md @@ -67,10 +67,35 @@ $ npm run publish:web Release | What | *When* ---------|-------------------------------------------------|------------------ +[v1.2.0] | eatery-nod-w | *June 7, 2019* [v1.1.0] | Misc Changes | *September 20, 2018* [v1.0.0] | Initial Release | *September 13, 2018* + + +### v1.2.0 - eatery-nod-w *(June 7, 2019)* + +
        + +[GitHub Content](https://github.com/KevinAst/MyWeb/tree/v1.2.0) +• +[GitHub Release](https://github.com/KevinAst/MyWeb/releases/tag/v1.2.0) +• +[Diff](https://github.com/KevinAst/MyWeb/compare/v1.1.0...v1.2.0) + +- added reference to new github app: **eatery-nod-w** +- feature-u presentation mods: + - updated feature-u presentation syllabus + - reference **feature-u Teaser** article + - reference **feature-u Concepts (V1)** article + - sample app is now **eatery-nod-w** _(a PWA)_ + - synced latest feature-u PDF slides +- feature-u articles now reference **medium** NOT **rogue freecodecamp** + +
    + + ### v1.1.0 - Misc Changes *(September 20, 2018)* @@ -126,6 +151,7 @@ Release | What | *When* [Internal Notes]: #internal-notes [Publish Web Content]: #publish-web-content [Revision History]: #revision-history + [v1.2.0]: #v120---eatery-nod-w-june-7-2019 [v1.1.0]: #v110---misc-changes-september-20-2018 [v1.0.0]: #v100---initial-release-september-13-2018 diff --git a/package.json b/package.json index de0e586..ee61ec6 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "MyWeb", - "version": "1.1.0", + "version": "1.2.0", "description": "My Web Page", "scripts": { "publish:web": "gh-pages --dist MyPage"