The aim of this package is to end up with annoying practice of passing the subcomponents to the layouts using properties. The package allows you to create and use layouts with replaceable default slots with pure JSX/TSX syntax.
Use SlotFactory.Layout to create own layout.
Use SlotFactory.Reserve to mark a default replaceable slot in it.
Use SlotFactory.Replace to replace a default slot while using your layout.
Prepare your Layout
// Layout.tsx
import*asReactfrom'react';
import{createSlotLayout}from'react-slotus';
// Describe you future slots name in generic createSlotLayout function
Optionally allow Replace components with same name to override each other
This is especially useful for route transitions, where you briefly have both routes in DOM at the same time.
In example below, "Replace Header 2" will be rendered