Echo JS 0.11.0

Yuck.

Looks nice.  Mostly using Joi these days (in koa, separate from hapi)

You may also want to consider the useMediaQuery or useViewportSpy hook from beautiful-react-hooks[1], since it's probably closer to what you may actually be trying to accomplish.

1. https://github.com/beautifulinteractions/beautiful-react-hooks

Should probably include examples of useContext and useReducer to round things out, but nice intro.

I would suggest if you are using a Component based toolkit that you use a UI/Component framework that does it's styling in a sane way (material-ui) over using a CSS centered framework.  This is especially for SPA and similar.

While this isn't the case for TFA, seems to be centered around server-oriented content, I'm just not a fan of CSS centered vs component centered frameworks if you're doing client-side development.  The disconnect becomes pretty big in practice.

Just my $.02 ... a notable exception might be if you're in a larger environment that has separate designer oriented resources and you are receiving most markup and styling from those resources.  Even thin, it's often better to turn your markup into component oriented logic.

While I prefer to just use fetch-api, for those that like the extras that axios gives, this module is roughly 1/5 the size impact on your bundle.

If you're starting with a green project, and you really want to use Angular and Material Design.  The default components[1][2] from the Angular project implement material design.  You should use them instead of the bootstrap + theme.  The bootstrap material theme is missing some interactive parts and isn't quite right for material.  Namely, the forms and buttons, however there are other bits are just off and not quite right.

If you have an existing project with bootstrap you are trying to update, then in makes more sense, and you may just be better off keeping your bootstrap based components, and updating the (s)css to use the material theme for bootstrap.  I would not recommend starting with Bootstrap with modern frameworks (or bulma and similar css based frameworks).

What I would suggest is starting with component libraries that are component-first with sane styling implementations within the library itself.  I find that material-ui[3] for React is the gold-standard when it comes to component libraries for modern development.

It's important to note that a given component library (such as material-ui) is not the same as Material Design[4] as a design concept.  The libraries implement the design pattern and some do so more closely than others.

1. https://github.com/angular/components
2. https://www.npmjs.com/package/@angular/material
3. https://material-ui.com/
4. https://material.io/design

I like it... wonder how well it works with plain JS... doesn't seem like ts should really be part of the naming.

I am curious where the phrase "OK Boomer." scores.

Sorry, didn't mean to downvote... This is actually pretty cool.  Though the data sources are really big.