Reusables | Commonly Consumed Code Commodities

I am very new to react-redux. I am trying to get an dialogbox to show "data posted successfully" upon posting of data through api. I want to achieve it through:

I want to make a generic reusable mat-select component, so I can use it accross multiple components in my Angular app. So far I have got it working, but only challenge Im facing now is how to make the "onSelectionChange($event)" to run on different implementations.

reusable-select-component.html

I am using karate 0.9.6, maven gatling plugin - 3.1.0 (tried also with 3.0.2 - same result)

After simulation is finished I see following stats

I need the tableView to perform reloadData() after a row has been added via a textView. My tableViews all use the reusable code which works fine. Below is my Reusable TableViewCode.

I've been driven insane for hours as I can't get around with the issue.

I have a collection view which can have different section with different no. of items in each. For each section I need to use a section header of different type. So for this, I'm going to use UICollectionReusableView. But I can't seem to succeed in using a custom subclass of UICollectionReusableView by means of UINib registration.

A crash happens when I downcast the reusable view to my subclass. Like:

TL;DR:

I want to trigger an action when (parent) state changes. This seems difficult in a declarative context.

Remarks

The challenge here is that I am not trying to make a property of one view dependent on another. That's well-covered territory. I could (and have) read all day about sharing state changes. But this is an event.

The best I have come across is by arsenius. His approach does work; I am wondering if there is a more Reactive way to do it. Maybe a one-shot Publisher? Seems sketchy.

Code

"Event" is not always a dirty word in FRP. I can start a View's animation by handling an event in the same View:

My form is made in Formik and Yup. Here's a screenshot of the error:

I have a reusable react components repo and dashboard repo.

My dashboard uses many of the components from my reusables repo, but I have one test on the dashboard repo that I cannot get to pass.

The reusable components repo has these versions, all test pass:

I have a UIcollectionView that has a header and Footer and sometimes a weird bug just shows the screen empty. It is strange because even on the View Debugger it shows as empty but the Header is a static image that is on the app not something is getting from API and that does not show either.

Also the console does not give any errors methods. I try going to another view and forcing a reloadData() but still does not show anything. Any way I can debug this better or make sure it does not happen?

This is how the view debugger looks like:

You can see the header and footer empty reusable views:

Edit:

This is how the supplementary views are being created using RxDataSources