Code walk-through an example of the "unidirectional data flow" shipping with the BCE Web Component quickstarter: (https://github.com/AdamBien/bce.design):

In the "lightning" video course: "From redux to redux toolkit", I'm deleting a significant portion of JavaScript "plumbing" by migrating the "events" application, created in the Apps with Web Components, redux and lit-html video course, from plain redux to redux toolkit.

It is a continuous (~23 commits) refactoring workshop.

Also checkout the BCE.design template, and Java / web-related airhacks.io video courses.

Minimal magic, minimal tooling, essential dependencies, uni-directional data flow, BCE-structure, high productivity, no transpilations and no migrations:

the Web Component with lit-html, redux toolkit and (optional) vaadin router web component quickstarter is available: https://github.com/AdamBien/bce.design

Watch the installation (2 mins):

The 85th airhacks.tv covering:

Redux Toolkit migrations, JPA Entities via REST, Micrometer vs. MicroProfile Metrics, obfuscation, decompilation, jpackage, CDI injection and default scope, DTO and projections, HTML rendering with JAX-RS, static assets delivery, role-dependent content delivery, JWT and SSO

is available:

See you every first Monday of the month at https://airhacks.tv 8pm CET (UTC+1:00). Show is also announced at: meetup.com/airhacks.

Subscribe to airhacks.fm podcast via: spotify| iTunes| RSS

Topics and questions for the 85th airhacks.tv:

1. NEW: lightning workshop: From redux to redux toolkit
2. Exposing JPA entities via REST
3. Micrometer Metrics vs. MicroProfile Metrics
4. Java apps, obfuscation and decompilation
5. Is shipping frontends in a WAR a good idea?
6. Injected classes without annotation
7. Using JAX-RS to render HTML content--possible use cases
8. Java EE, Jakarta EE and MicroProfile popularity
9. Role-based content delivery
10. Resources to learn Java EE

Any questions left? Ask now: https://gist.github.com/AdamBien/f103d96f28fcab342199d7e506f1516b and get the answers at the next airhacks.tv.

Ask questions during the show via twitter mentioning me: https://twitter.com/AdamBien (@AdamBien),using the hashtag: #airhacks or built-in chat at: airhacks.tv. You can join the Q&A session live each first Monday of month, 8 P.M at airhacks.tv

The Uncaught ReferenceError: process is not defined happens when when a non-existent (here: process) variable is referenced.

Most likely the problematic code snippet looks like:

var isProduction = process.env.NODE_ENV === 'production';    

The process.env property is available on node, but not in the browser which causes the above error.

To fix the problem, define the variable pro-actively before the library is loaded, e.g.:

window.process = {
    env: {
        NODE_ENV: 'development'
    }
}    

The fix/script can be loaded with e.g.:

<script src="init.js"></script>

Subscribe to airhacks.fm podcast via: spotify| iTunes| RSS

Improving the usability of the Web Component-based event application by sorting rows by date in a table rendered with lit-html and data provided by redux.

A free bonus-video from the "Web Components, lit-html and redux" video course:

I'm (hopefully) improving usability of the Web Component-based event application by several refactoring steps including pre-filling fields and layout changes.

A free bonus-video from the "Web Components, lit-html and redux" video course: