reusable-components | This project was bootstrapped with Create React | Frontend Framework library

I have a problem with handleChange inputs in connection with Redux, it almost works, but not quite, because when I change state, in one field there is a change of state guess what I would like to achieve, but when I change in another field this state disappears from the first one and saves in the second one (on the picture below I showed what I mean). I have two such moderately convincing ideas, that is, in the reducer in the line "value: action.payload.num_building || '', and in the place of '' do ' ', so that there is always something there and then when I do the post I do the trim, so that there is no space, the post will fly as an empty value, or instead of '' do the state in the same place. num_building.value in one field and state.test.value in the other, but here the problem is that if I type something and then delete the whole input, there will always be the first letter of the text we typed and I don't know how to delete it :(

Slicer.js

I have a component that is used often and for many porpuses - .

I'd like to rename it to declare it's functional meaning in the code, something along these lines:

I have been spending more time trying to understand the following blog post Creating Reusable Components with NgTemplateOutlet in Angular

The working code of the post above can be found at stackblitz.

In the UsageExample component the card-or-list-view component is called. The items and mode input parameters are supplied which i understand very well.

Now what i don't understand is how

I am trying to create a recursive component for a node-tree using NgTemplateOutlet.

I'm stuck at the part where I need the html that was passed into the component at top-level to be shown inside my recursive component..

I am basing my recursive component on this article, and this StackBlitz example.

app.component.html

I have implemented reusable button component using combination of .xib and cocoa class following this guide

It works, but there is an issue. In order to use it in one of my main View Storyboards I have to first drag in a normal view (referenced as superview in question title) and then apply my Button class, to make it a button.

This works, but initial view height and width alongside its white background persist, so I have to always manually rewrite those when I use my component, which in itself results in poor reusability.

Ideally, I'd like to drag in a view, set it to Button class and thats it, that view should instantly take buttons height and width and have transparent background. Is something like this achievable?

To light more context on this issue here are few useful bits of my implementation

1. Reusable component made as a .xib view and its own cocoa class

2. Contents of Button.swift

I'm trying to follow this tutorial:

https://alligator.io/angular/reusable-components-ngtemplateoutlet/

But If I copy the code it doesn't work. It displays: