Сегодня мы научимся рефакторить наш компонент на профессиональном уровне, пример будет простой, но вы можете применить логику и к своим более сложным компонентам, я уверен, что это сработает :)

Компонент, который мы рефакторим, будет простым заголовком с двумя кнопками, которые выровнены в ряд, компонент будет таким, как показано ниже.

Вот как мы собираемся реорганизовать этот компонент, как показано ниже.

Чтобы использовать это внутри Header.tsx

Это все от меня. Надеюсь, эта статья поможет вам :)

Если вы хотите подключиться к LinkedIn, перейдите по ссылке ниже.

АКИН КАРЮН | LinkedIn

Дополнительные материалы на PlainEnglish.io. Подпишитесь на нашу бесплатную еженедельную рассылку новостей. Подпишитесь на нас в Twitter, LinkedIn, YouTube и Discord . Заинтересованы в хакинге роста? Ознакомьтесь с разделом Схема.