loshadka2076

Пользователь

Регистрация: 23.08.2016

Сообщения: 1265

Рейтинг: 1171

loshadka2076

Регистрация: 23.08.2016

Сообщения: 1265

Рейтинг: 1171

Ку мужики. Как вы изучали реакт? Читали доку, смотрели курсы, изучали теорию или параллельно практически пилили какой-то проект на нём? На какой стадии изучения он стал для вас понятным? Я смотрю англоязычный курс и кажется будто в процессе изучения темп замедлился, особенно стало заметно после специфичных хуков типа useReducer'a и useEffect'a. Может мне нужно параллельно что-от отдельно самому писать чтобы вникнуть? В общем как вы его изучили/изучаете?

y6ejushe

Пользователь

Регистрация: 24.10.2021

Сообщения: 12478

Рейтинг: 2237

Нарушения: 25

y6ejushe

Регистрация: 24.10.2021

Сообщения: 12478

Рейтинг: 2237

Нарушения: 25

loshadka2076 сказал(а):

Ку мужики. Как вы изучали реакт? Читали доку, смотрели курсы, изучали теорию или параллельно практически пилили какой-то проект на нём? На какой стадии изучения он стал для вас понятным? Я смотрю англоязычный курс и кажется будто в процессе изучения темп замедлился, особенно стало заметно после специфичных хуков типа useReducer'a и useEffect'a. Может мне нужно параллельно что-от отдельно самому писать чтобы вникнуть? В общем как вы его изучили/изучаете?

Нажмите, чтобы раскрыть...

Везде все изучается теорией и практикой, ищи больше информации, больше практикуйся, вот и весь совет.

Meepka

Пользователь

Регистрация: 08.10.2012

Сообщения: 1913

Рейтинг: 463

Meepka

Регистрация: 08.10.2012

Сообщения: 1913

Рейтинг: 463

loshadka2076 сказал(а):

Ку мужики. Как вы изучали реакт? Читали доку, смотрели курсы, изучали теорию или параллельно практически пилили какой-то проект на нём? На какой стадии изучения он стал для вас понятным? Я смотрю англоязычный курс и кажется будто в процессе изучения темп замедлился, особенно стало заметно после специфичных хуков типа useReducer'a и useEffect'a. Может мне нужно параллельно что-от отдельно самому писать чтобы вникнуть? В общем как вы его изучили/изучаете?

Нажмите, чтобы раскрыть...

Начал програть сразу с реакта ничего не читал не учил, нафига и так все понятно. Зацените мой код 

qghSxAKxR5E.jpg?size=441x298&quality=96&sign=1f11b7f78ef6cdfd54813f8be7c497d9&type=album

Adramanov

Пользователь

Регистрация: 01.11.2021

Сообщения: 1124

Рейтинг: 377

Adramanov

Регистрация: 01.11.2021

Сообщения: 1124

Рейтинг: 377

Meepka сказал(а):

Начал програть сразу с реакта ничего не читал не учил, нафига и так все понятно. Зацените мой код 

qghSxAKxR5E.jpg?size=441x298&quality=96&sign=1f11b7f78ef6cdfd54813f8be7c497d9&type=album

Нажмите, чтобы раскрыть...

Не разу не писал на реакте, посмотрел на твой код, то все +- понятно.

Там ниче сложного нет, документация всегда лучше видосов.

Руна Дегенерации

Пользователь

Регистрация: 08.04.2021

Сообщения: 556

Рейтинг: 622

Нарушения: 105

Руна Дегенерации

Регистрация: 08.04.2021

Сообщения: 556

Рейтинг: 622

Нарушения: 105

React на самом деле достаточно простая штука, ведь эта байда и создана для того чтобы упрощать жизнь. Хотя знать сам язык всё равно стоит.

Meepka сказал(а):

Начал програть сразу с реакта ничего не читал не учил, нафига и так все понятно. Зацените мой код 

qghSxAKxR5E.jpg?size=441x298&quality=96&sign=1f11b7f78ef6cdfd54813f8be7c497d9&type=album

Нажмите, чтобы раскрыть...

Интересно, конечно, что у тебя эта фигня возвращает Boolean, а не элемент который надо отрендерить.

Aragorn_

Пользователь

Регистрация: 20.12.2021

Сообщения: 389

Рейтинг: 48

Нарушения: 100

Aragorn_

Регистрация: 20.12.2021

Сообщения: 389

Рейтинг: 48

Нарушения: 100

loshadka2076 сказал(а):

Ку мужики. Как вы изучали реакт? Читали доку, смотрели курсы, изучали теорию или параллельно практически пилили какой-то проект на нём? На какой стадии изучения он стал для вас понятным? Я смотрю англоязычный курс и кажется будто в процессе изучения темп замедлился, особенно стало заметно после специфичных хуков типа useReducer'a и useEffect'a. Может мне нужно параллельно что-от отдельно самому писать чтобы вникнуть? В общем как вы его изучили/изучаете?

Нажмите, чтобы раскрыть...

То-есть я правильно понял, что ты чисто смотришь сериальчик по React на английском(ВАУ), и внезапно начал что-то не понимать?PepeCringe.png?1598477741

Это на Netflix'е?

Александр

Почетный пользователь

Регистрация: 10.08.2013

Сообщения: 5280

Рейтинг: 4179

Александр

Регистрация: 10.08.2013

Сообщения: 5280

Рейтинг: 4179

loshadka2076 сказал(а):

Ку мужики. Как вы изучали реакт? Читали доку, смотрели курсы, изучали теорию или параллельно практически пилили какой-то проект на нём? На какой стадии изучения он стал для вас понятным? Я смотрю англоязычный курс и кажется будто в процессе изучения темп замедлился, особенно стало заметно после специфичных хуков типа useReducer'a и useEffect'a. Может мне нужно параллельно что-от отдельно самому писать чтобы вникнуть? В общем как вы его изучили/изучаете?

Нажмите, чтобы раскрыть...

Просто тестировал все реактивные библиотеки и смотрел, кто что умеет, делал небольшие проекты на них, чтобы понимать, как что работает и какие преимущества имеет, ну и рандомные гайды от индусов в инете с объяснениями

Темп снизился от хуков? А в чём их проблема? Там даже в документации разжёвано до невозможности с кучей примеров и как это можно применять..

Стал понятен спустя пару простеньких проектов

 

Meepka сказал(а):

Начал програть сразу с реакта ничего не читал не учил, нафига и так все понятно. Зацените мой код 

qghSxAKxR5E.jpg?size=441x298&quality=96&sign=1f11b7f78ef6cdfd54813f8be7c497d9&type=album

Нажмите, чтобы раскрыть...

Но зачем эти лишние вычисления и тем более хук здесь?

 

const TabsPanel = ({value, index, children}: TabsPanelProps): JSX.Element => (value === index && < div >{ children }\< /div >)

Да и то ты можешь проводить вычисления value === index в родительском компоненте

дуфник

Пользователь

Регистрация: 08.04.2013

Сообщения: 3970

Рейтинг: 2979

дуфник

Регистрация: 08.04.2013

Сообщения: 3970

Рейтинг: 2979

Лет 6 пишу на реакте, ещё когда он был через React.CreateClass

чтобы понимать реакт, надо понимать жс

useReducer - это для сложного стейта. почитай про концепцию redux

useEffect - когда при изменении переменных, переданных параметром, нужно что-то сделать. механизм совсем не очевиден, т.к. надо знать, как работает react lifecycle. 

Aragorn_

Пользователь

Регистрация: 20.12.2021

Сообщения: 389

Рейтинг: 48

Нарушения: 100

Aragorn_

Регистрация: 20.12.2021

Сообщения: 389

Рейтинг: 48

Нарушения: 100

дуфник сказал(а):

Лет 6 пишу на реакте, ещё когда он был через React.CreateClass

чтобы понимать реакт, надо понимать жс

useReducer - это для сложного стейта. почитай про концепцию redux

useEffect - когда при изменении переменных, переданных параметром, нужно что-то сделать. механизм совсем не очевиден, т.к. надо знать, как работает react lifecycle. 

Нажмите, чтобы раскрыть...

Интересно, за 6 лет ты чето новое узнаешь? Или впринципе уже гуру?

SEREGA1995

Пользователь

Регистрация: 11.02.2013

Сообщения: 1948

Рейтинг: 423

SEREGA1995

Регистрация: 11.02.2013

Сообщения: 1948

Рейтинг: 423

img
Meepka сказал(а):

Начал програть сразу с реакта ничего не читал не учил, нафига и так все понятно. Зацените мой код 

qghSxAKxR5E.jpg?size=441x298&quality=96&sign=1f11b7f78ef6cdfd54813f8be7c497d9&type=album

Нажмите, чтобы раскрыть...

не очень)

дуфник

Пользователь

Регистрация: 08.04.2013

Сообщения: 3970

Рейтинг: 2979

дуфник

Регистрация: 08.04.2013

Сообщения: 3970

Рейтинг: 2979

Aragorn_ сказал(а):

Интересно, за 6 лет ты чето новое узнаешь? Или впринципе уже гуру?

Нажмите, чтобы раскрыть...

в плане реакта особо нет, разве что тонкие моменты в производительности. ну и апдейты офк, с хуками код сильно поменялся. 

а в общем плане, а я фуллстак, почти каждый день что-то новое

loshadka2076

Пользователь

Регистрация: 23.08.2016

Сообщения: 1265

Рейтинг: 1171

loshadka2076

Регистрация: 23.08.2016

Сообщения: 1265

Рейтинг: 1171

Aragorn_ сказал(а):

То-есть я правильно понял, что ты чисто смотришь сериальчик по React на английском(ВАУ), и внезапно начал что-то не понимать?PepeCringe.png?1598477741

Это на Netflix'е?

Нажмите, чтобы раскрыть...

Нет. после урока повторяю код. Только мне кажется проблема в том, что в каждом новом блоке этого курса, новая демка проекта где не сразу всё очевидно что где находится в плане компонентов. 

 

С жсом у другого челика был иной подход типа все новые фишки языка добавляли в существующий мини проект

Aragorn_

Пользователь

Регистрация: 20.12.2021

Сообщения: 389

Рейтинг: 48

Нарушения: 100

Aragorn_

Регистрация: 20.12.2021

Сообщения: 389

Рейтинг: 48

Нарушения: 100

loshadka2076 сказал(а):

Нет. после урока повторяю код. Только мне кажется проблема в том, что в каждом новом блоке этого курса, новая демка проекта где не сразу всё очевидно что где находится в плане компонентов. 

 

С жсом у другого челика был иной подход типа все новые фишки языка добавляли в существующий мини проект

Нажмите, чтобы раскрыть...

ну так потому что курсы дерьмо, их делают чтобы рубить бабки, ты понимаешь?

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

 

Meepka

Пользователь

Регистрация: 08.10.2012

Сообщения: 1913

Рейтинг: 463

Meepka

Регистрация: 08.10.2012

Сообщения: 1913

Рейтинг: 463

SEREGA1995 сказал(а):

не очень)

Нажмите, чтобы раскрыть...

Слышь я программист вообщето. Не очень ему. Сделай лучше

InversionSpells

Пользователь

Регистрация: 23.09.2018

Сообщения: 8754

Рейтинг: 3028

Нарушения: 10

InversionSpells

Регистрация: 23.09.2018

Сообщения: 8754

Рейтинг: 3028

Нарушения: 10

loshadka2076 сказал(а):

Ку мужики. Как вы изучали реакт? Читали доку, смотрели курсы, изучали теорию или параллельно практически пилили какой-то проект на нём? На какой стадии изучения он стал для вас понятным? Я смотрю англоязычный курс и кажется будто в процессе изучения темп замедлился, особенно стало заметно после специфичных хуков типа useReducer'a и useEffect'a. Может мне нужно параллельно что-от отдельно самому писать чтобы вникнуть? В общем как вы его изучили/изучаете?

Нажмите, чтобы раскрыть...

JS нужно знать и реакт легким будет. 

useEffect основной хук же

SEREGA1995

Пользователь

Регистрация: 11.02.2013

Сообщения: 1948

Рейтинг: 423

SEREGA1995

Регистрация: 11.02.2013

Сообщения: 1948

Рейтинг: 423

img
Meepka сказал(а):

Слышь я программист вообщето. Не очень ему. Сделай лучше

Нажмите, чтобы раскрыть...

джун слабенький наверно, который мало что знает еще)

 

надеюсь ты используешь React.FC при объявлении типа пропсов

 

указывать возвращаемый тип у реакт компонента не нужно, тем более JSX.Element неверно возвращать

 

есть хорошее правило 1 файл, 1 компонент, и куда приятней импортировать потом, когда экспортирован компонент по умолчанию...

 

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

 

зачем иф в эффекте...  можно при измении одного или другого, в зависимостях [index, value], вызывать setIsShow(value === index) и эффект становится однострочным

 

 

далее ужасно названная переменная index, как значение активной вкладки... isShow коряво звучит, isShowen или isVisible

 

и еще, компонент назван TabsPanel, но не вижу тут нескольких Tabs и мапа, выглядит как контент одной вкладки, тогда TabPanel...

 

и это в 10 строчках наипростейшего компонента... сразу видно начал сразу прогать на реакте, зачем что-то учить...

Justp1ayer

Пользователь

Регистрация: 18.08.2013

Сообщения: 1608

Рейтинг: 1122

Justp1ayer

Регистрация: 18.08.2013

Сообщения: 1608

Рейтинг: 1122

img
Meepka сказал(а):

Начал програть сразу с реакта ничего не читал не учил, нафига и так все понятно. Зацените мой код 

qghSxAKxR5E.jpg?size=441x298&quality=96&sign=1f11b7f78ef6cdfd54813f8be7c497d9&type=album

Нажмите, чтобы раскрыть...

 

Код хороший, если хочешь сделать ещё лучше, создай отдельную функцию а в юзэффект прокидывай её ссылкой, типа useEffect(setIsShow).

а вообще можешь убрать if else, и написать так: setIsShow(value === index).

И почему у тебя в дэпсах юзэффекта отсутствует index ? 

А ещё для идеала ставь пропсам дефолтные значения )

А ещё типизация странная, ожидается JSX.Element, но в случае если isShow === false, вернётся булевое значение, вместо реакт элемента, значит типизация уже нарушена

ttutiki

Пользователь

Регистрация: 28.09.2013

Сообщения: 1797

Рейтинг: 612

ttutiki

Регистрация: 28.09.2013

Сообщения: 1797

Рейтинг: 612

Начал трогать реакт а там бага которая хот релоад ломает сразу в харю. Чувствую будет приятно pepecopium.png?1636090536