Shared state in micro frontends? Keep only essentials like tenant info & auth, avoid session data or big datasets. Efficient & secure. #MicroFrontends #FrontendArch #StateManagement.

@frontendarch Because I'm *not* trying to cover all use cases. Just the 80% most used ones. RTK does not currently have a way to responding more logic when an action is dispatched. That's all I'm trying to handle. Sagas and observables are much more heavyweight than what I want here.

@frontendarch Not going to force either sagas or observables as a required dependency, or push either of them as the official solution.

@frontendarch Feel free to fork it if you want, but it's trivial to add them as an arg to configureStore yourself.

@frontendarch @jsonnull The point is that yes, it is opinionated, but it's the *official* opinions.

@elonmusk

🤔 Future-Proof Your UI: *Web Components* enable truly encapsulated, reusable UI elements, solving native browser component collision and reusability challenges. #WebComponents #FrontendArch.

@frontendarch Also, we're talking about components. It's already natural and common to break down components via composition. Classes don't really impact that at all.

@frontendarch Great question. Huge tip i learned on this is to bloc my calendar 5pm to 9am. So nobody books that time on me. And I became disciplined to leave my home office at 5pm. 95% of the time this works for me.

@housecor user.api.ts. located in /api/user/ folder. In that folder I will have the user.mocks.ts and the user.mock-data.json or ts.

@frontendarch This is clearly not a useful distinction with hooks. It's very easy to have a stateful function that does too many things. Plus, you can use composition with classes: they can even call functions! :).

@frontendarch @dan_abramov lit-html's templating is very declarative like React's. Are you finding you need to do imperative DOM mutation in Lit where you didn't in React?.

@cpojer Rxjs and redux-saga are both not simple to learn and both useful to solve complex asynchronous problems. My preference is to redux-saga because I feel it is a little easier to debug than Rxjs. Just my person opinion.

@Appgaga @frontendarch @housecor "it's not ideal and it's a waste of time if you don't follow my personal formatting preferences".

@frontendarch @TestingLib AI does such things well. Write a couple to get it started.

@frontendarch @TestingLib Use a comment and a few converted tests to train it.

@justinfagnani @dan_abramov JSX: simple declarative JS code syntax. LIT-HTML: a templating language w/ more complex syntax. React: function, properties and hooks. LIT: classes, properties, attributes, decorators, mix-ins, directives, . With WC there are more DOM and CSS details to learn.

@ApiMocking @reactjs I have created this repo to show how to use MSW with Fetch and Axios over HTTP and HTTPS.