W
😭
Size: a a a
2020 April 13
E
Ладно так спрошу)) подскажите, может кто в курсе и если можно поподробнее. Зачем в реакте нужен state? Речь о функциональных компонентах(никаких классов). И как и где этот стэйт создавать? Все пишут всё по-разному, в документации вообще другое и классы там. И второй вопрос сразу: где учить реакт? Опять же...сначала листал документацию, потом смотрел видео на ютубе. Почти везде классы. Ничего не имею против, но судя опять таки по разным советам лучше использовать функции т.к. классы устарели
Посмотрите Владилена минина. Да и ничего плохого в классовых компонентах на этапе обучения нет. если знаете классовые, то без труда перейдете на хуки, даже не запаривайтесь над этим сейчас, пишите на классах.
W
Посмотрите Владилена минина. Да и ничего плохого в классовых компонентах на этапе обучения нет. если знаете классовые, то без труда перейдете на хуки, даже не запаривайтесь над этим сейчас, пишите на классах.
И его смотрел)))
E
а по js ванильному что у вас?)
W
а по js ванильному что у вас?)
Это норм. Ну т.е. я его недавно изучал, но в целом всё понимаю. Замыкания не так страшны были, как state(((
E
Насчет стейта в функ. компонентах - пока что забейте болт. Уже 3-ий раз об этом пишу
E
Я, кстати, реакт вот отсюда начинал
https://www.youtube.com/watch?v=2vujABNBFAY&list=PLNkWIWHIRwME_Gv2vlWAR6TfeSXylYfw4
https://www.youtube.com/watch?v=2vujABNBFAY&list=PLNkWIWHIRwME_Gv2vlWAR6TfeSXylYfw4
W
Я, кстати, реакт вот отсюда начинал
https://www.youtube.com/watch?v=2vujABNBFAY&list=PLNkWIWHIRwME_Gv2vlWAR6TfeSXylYfw4
https://www.youtube.com/watch?v=2vujABNBFAY&list=PLNkWIWHIRwME_Gv2vlWAR6TfeSXylYfw4
Спасибо, но с классами не хочу потому что я как бы с них начал сначала, потом увидел функциональные, а там нет того, что есть в классах. В итоге ещё больше каша. Сегодня реализовал вод смену фона без стэйта. Казалось бы всё просто, но попробовал стэйт добавить и всё...весь день и результата нет. Ну пропущу пока, но говорят, что это важный момент, поэтому хотел понять. Показал год потом знакомой, она сказала что в целом логика неправильная. Но блин работает же... Платные курсы не хочу брать т.к. это жесть. JS сам учил и норм, а реакт беда прям.
E
Смотрите, на примере каунтера. У нас есть переменная count и 2 кнопки, которые изменяют переменную. На страницу выводится значение, и изменяется в соответствии с count. Вопрос: как вы сделаете это на обычном js?
W
Смотрите, на примере каунтера. У нас есть переменная count и 2 кнопки, которые изменяют переменную. На страницу выводится значение, и изменяется в соответствии с count. Вопрос: как вы сделаете это на обычном js?
Получается определяем на какую кнопку клик +/- в слушатели событий. Если на минус, то убавляем значение и меняем свойством textContent, если плюс, то прибавляем. Ну первой строкой будет записано текущее значение let count = 0
W
Т е стэйт это типа вот эта первая строка?
E
Стейт, эта та хрень, которая при изменении заново отрисовывает компонент. т.е вам не нужно изменять ни textContent, ни DOM в целом руками
E
да и определение "на какую кнопку клик" хз. обычно делают 2 раздельные функции и вешают их на кнопки по отдельности
E
ну или через делегирование
W
Стейт, эта та хрень, которая при изменении заново отрисовывает компонент. т.е вам не нужно изменять ни textContent, ни DOM в целом руками
Оу. Т.е. функция, которая вешается на оклик должна быть прописана в стэйте, да? А UI только отрисовывает фон
E
нет
W
да и определение "на какую кнопку клик" хз. обычно делают 2 раздельные функции и вешают их на кнопки по отдельности
Да. Я это имел в виду))
E
в стейте у вас было бы значение count.
При каждом его изменении изменяется компонент
При каждом его изменении изменяется компонент
W
в стейте у вас было бы значение count.
При каждом его изменении изменяется компонент
При каждом его изменении изменяется компонент
А функция, которая изменяет не в стэйте?
E
все функции - это функции, их не нужно пихать в стейт, они не изменяются