Simplified Mainline

GitHub Content • GitHub Release • Diff

Technical:

• Simplify mainline (app.js) by extracting Aspect Plugin accumulation/configuration in a new aspects/ directory (consistent with how features are accumulated).

Better Async Initialization

GitHub Content • GitHub Release • Diff

Technical:

• The bootstrap feature was replaced with feature-u's new v2.1.0 Feature.appInit() Application Life Cycle Hook (supporting blocking async initialization).

• Added more intelligence to featureFlags regarding GPS location mocking.

  • A "New Orleans" location is forced when services are mocked, because that is where the mocked data is seeded.
  • LOCATION defined constants are used for common mocking locations.

• The console log now reflects any mocking setup (both GPS location, and services).

• Simplified asynchronous processes via async/await (removing explicit promises).

Responsive Design

GitHub Content • GitHub Release • Diff

General:

• The Eateries List screen has changed as follows:

  • It is now responsive, adjusting the original cell-phone list to a more detailed table when enough device real estate is available..

  • When pool entries are sorted by distance:

    • the mileage divider is now more visually distinct (using color)

    • eatery name is used as a secondary sort field (within the same distance)

• A user-selectable responsive boundary is promoted through the User Menu, defining where additional screen content can be manifest (based on the screen width). For more information, see baseUI Responsive Design.

• Distance (mileage) is now visible in the Eatery Detail screen.

Docs:

• Added a complete Running the App section that describes how you can run eatery-nod-w and/or setup the project in your local environment.

• All screen prints now reflect this web app (retrofitted from the eatery-nod react-native expo app).

Technical:

• The API Credentials have been decoupled from the common "init" feature packages, by accessing them from the deployed server (see features: initFirebase and initGooglePlaces).

• The Material-UI library was upgraded to V4, replacing ALL remaining HOCs with React Hooks!

• Upgraded to React V16.8.6.

• Define a set of reusable custom hooks, which maintains responsive breakpoints (based on consistent media queries) ... see: `src/util/responsiveBreakpoints.js)

React Hooks

GitHub Content • GitHub Release • Diff

Technical Changes:

• React Hooks are now used in place of Higher Order Components (HoC) ... read about it here.

• The baseUI feature now sorts selected menu items by key, giving complete control over the order in which they appear, irrespective of feature-expansion order. This includes the use contracts for:

  • Left Nav
  • User Menu

eatery-nod-w AFTER React Hooks (no more Higher Order Components - HoC)

afterHooks

complete the React Hooks migration (using feature-u V2)

eatery-nod-w BEFORE React Hooks (using Higher Order Components - HoC)

beforeHooks

sort selected baseUI menu items by key, giving complete control over …

Initial Release

The initial port of this PWA, from the eatery-nod react-native expo mobile app.