class Tag {
    private $tag;
    private $text;
    private $style;
    public function __construct( string $tag )
    {
         $this -> tag = $tag;
    }
    public function setText( string $text)
    {
         $this -> text = $text;
         return $this;
    }
    public function setStyle( string $style)
    {
         $this -> style = $style;
         return $this;
    }
    public function show ()
    {
         return '<'. $this -> tag . '>' . $this -> text . '</'.$this -> tag .'>';
    }
}

Мне интересно насколько это востребовано на фрилансе. Условно говоря, если я сейчас верстаю сайтики, то смогу ли и дальше это делать для каждого сайта, но на реакт?
И как его увязать с backend, есть ли там какие-то нюансы?

$tag1 = new Tag('h1');
$tag1   ->setText('Hello')
       ->setStyle([
           'color'=>'red',
           'font-size'=>'1.2em'
       ])
       ->show();

Вот мне нужно что бы что что в сет стайл из массива стало строкой

// <h1 style="color: red; font-size: 1.2em"> Hello </h1>

как бы правильнее оформить не черз  форыч

Тебе проще сообщество по реакту найти. Там ответ очень развёрнутый будет думаю.

Есть гуру css ?? как это можно реализовать на css ?? сами линии

Окей, спасибо 😅

Может попробовать через svg a

Dash-offset

каким образом ??

Ля, на край можно через foreach прогнать все это в итоговую строку и вставить

а если без него?

Сделать svg с нужным эффектом свечения и подбери dash-offset и dash-array как тебе надо

Востребованно на фрилансе, но в основном берут на большие проекты, либо допилить существующие. На реакт есть очень много других библиотек в связке, где в итоге выходят хорошие SPA. С бэком без проблем увязывается. Вариаций много

идея понятна, но это получиться сложнее css

Ну у меня других идей пока нет 😅

Слева и сверху установи бордер а право и низ встевдоклассами и тенью

На сколько я знаю нет. Может implode, но он вроде только с массивами