Ребят, всем привет) Как думаете, как лучше реализовать можно этот компонент

Question

React — русскоговорящее сообщество

SMAGIN Web

Ребят, всем привет) Как думаете, как лучше реализовать можно этот компонент

с вкладками?
Если знаете best practice, подскажите, по братски)

#frontend #javascript #programming #react.js #russian

0

13.03.2021

19 ответов

8 просмотров

SMAGIN Web Автор вопроса

Сделаю я допустим меню. С событиями по клику для каждого элемента TabbedMenu. Как дальше реализовать, возможно, следует создать состояние и его менять, в зависимости от этого, рендерить контент ниже TabbedMenu?

0

13.03.2021

SMAGIN Web Автор вопроса

Vall
Банально <Tabs activeTab={activeTab} onChangeActi...

Твоя философия однозначна верна) Но решения всё же разные есть, есть хорошие, а есть такие, на которые смотреть противно, права на такие ошибки я не имею, поэтому спрашиваю в общем, по какому принципу делать этот компонент. А ошибки и баги - это будет в любом случае, мне нужен только фундамент решения

0

13.03.2021

Vall

SMAGIN Web
Твоя философия однозначна верна) Но решения всё же...

Ну вот я фундамент написал А права на ошибки всегда есть, даже у самых опытных специалистов ибо мы как бы люди🤔

0

13.03.2021

Semyon Krutolevich

SMAGIN Web
Сделаю я допустим меню. С событиями по клику для к...

Состояние значения и через юз эффект менять контент под значением

0

13.03.2021

SMAGIN Web Автор вопроса

Vall
Ну вот я фундамент написал А права на ошибки всег...

В моем случае, это право конечно есть у меня, но я его игнорирую, так как придется переписывать и делать двойную работу, и задерживать проект, а этого не хочется делать, так как сроки небольшие, спасибо за ответ)

0

13.03.2021

Vall

SMAGIN Web
В моем случае, это право конечно есть у меня, но я...

Нез 🤝

0

13.03.2021

SMAGIN Web Автор вопроса

Semyon Krutolevich
Состояние значения и через юз эффект менять контен...

Спасибо

0

13.03.2021

Semyon Krutolevich

SMAGIN Web
Спасибо

💪

0

13.03.2021

Sergei

Используешь презентационный подход?

0

13.03.2021

Андрей Маргиев

Гугл React Tabs и списывай себе в проект подход)

0

13.03.2021

SMAGIN Web Автор вопроса

Sergei
Используешь презентационный подход?

Что значит презентационный подход?

0

13.03.2021

SMAGIN Web Автор вопроса

Андрей Маргиев
Гугл React Tabs и списывай себе в проект подход)

Спасибо, я там тоже подсматриваю)

0

13.03.2021

SMAGIN Web Автор вопроса

Sergei
Используешь презентационный подход?

На скрине редактирование профиля, в личном кабинете, это не презентация)

0

13.03.2021

Sergei

SMAGIN Web
Что значит презентационный подход?

Ну смотри, мне нравится делать так, компонент такого типа состоит из трех файлов. conteiner, presenter, index. conteiner - для получение данных с сервера и управлением того, что показывать. presenter - для того что показывать. index - для удобного импорта. Только стейт логики будет в контейнере, а пресентер пропсами получать какой табик показывать.

0

13.03.2021

SMAGIN Web Автор вопроса

Sergei
Ну смотри, мне нравится делать так, компонент тако...

Я в логике еще новичек, а тем более в получении данных с сервера) Сейчас вдумывался в твои слова, сложно пока что понять всё это)

0

13.03.2021

SMAGIN Web Автор вопроса

Sergei
Ну смотри, мне нравится делать так, компонент тако...

Я решил сделать компонент, В нем будет хидер с вкладками и буду передавать верстку одного условно говоря <p> ... </p> в зависимости от состояния

0

13.03.2021

SMAGIN Web Автор вопроса

Sergei
Ну смотри, мне нравится делать так, компонент тако...

Подскажите, а контент блока и TabbedMenu должны быть в одном блоке?

0

13.03.2021

Sergei

SMAGIN Web
Подскажите, а контент блока и TabbedMenu должны бы...

Как решишь, так и будет

0

13.03.2021

Vall · Accepted Answer

Банально <Tabs activeTab={activeTab} onChangeActiveTab={handleChangeActiveTab} /> {activeTab === 0 && <FirstTabContent />} И бла бла бла Да и делать ошибки надо, а не спрашивать, так как твой мозг будет понимать где не надо делать так и так, то я бы тут сделал бы так как считаю нужным, далее получил баг - пошел поправил, пересмотрел подход, прям всю описывать всю логику с кейсами тебе не будут

169 похожих чатов

Ребят, всем привет) Как думаете, как лучше реализовать можно этот компонент

19 ответов

Похожие вопросы