90 - redux-ducks рефакторинг - React JS

  Рет қаралды 46,324

IT-KAMASUTRA

IT-KAMASUTRA

4 жыл бұрын

it-incubator.io/education/?ut... - человекоориентированное, честное и профессиональное обучение front-end и back-end разработке гарантированно до трудоустройства за фиксированную стоимость.
Поддержать меня можно на patreon / itkamasutra или оформив спонсорство на данном канале.
Помогайте друг другу вот здесь: t.me/reactjs_samurai
API: social-network.samuraijs.com/
Ребят, мы засовываем всю логику (reducer, actions, thunk) в один файл согласно одному из соглашений, который имеет смешное название redux-ducks:
github.com/erikras/ducks-modu...
Так же в данном видео немного зарефакторим код, устраним дублирование и что-то ещё! отдохнём от React-а и немного просто пошаманим над нативным JS! Но в рамках Реакта ;)
Летим, самураи!!!
Уроки по React JS: • Курс "React JS - путь ...
* Сайты:
it-kamasutra.com
it-incubator.eu
samuraijs.com
* Мы в соц. сетях:
itkamasutra
/ itkamasutra
telegram.me/itkamasutra
* Мои личные VK и Insta:
d.kuzyuberdin
/ it.kamasutra.dimych
#reduxducks #reactJS #тестирование #практика #пример #уроки #курс

Пікірлер: 382
@andreiribac6284
@andreiribac6284 2 жыл бұрын
17.08.2021 Нереально, я дошел до 90 урока! Финиш все ближе, есть пробелы и недопонимания, но я вернусь и все освою как пройду крайний 100 урок! Димыч Спасибо - ты ВЕЛИКИЙ ЧЕЛОВЕК! Все кто учится - желаю дойти до конца! Тяжело в учении, легко в бою!
@user-mu8by2yg3g
@user-mu8by2yg3g 2 жыл бұрын
ну как успехи, Самурай? Я прохожу этот курс по второму кругу и сейчас вот дошел до этого урока, решил по интересоваться твоими успехами. Поделись ))
@andreiribac6284
@andreiribac6284 2 жыл бұрын
@@user-mu8by2yg3g прошёл курс! Определенно пересмотрю ещё один раз! Сейчас решил углубиться в документацию! Упорный труд и систематичность сделают свое дело! - я так считаю!
@user-vs7ek1sv5g
@user-vs7ek1sv5g 2 жыл бұрын
и че, как успехи?
@sivkaburka1062
@sivkaburka1062 2 жыл бұрын
@@user-vs7ek1sv5g по третьему кругу пошли смотреть наверняка
@_serge_
@_serge_ 2 жыл бұрын
@@andreiribac6284 как успехи?
@user-iu5nk8pr5n
@user-iu5nk8pr5n 4 жыл бұрын
все понятно, все круто, но как мне кажется избыточный рефаторинг(на мое мнение Field) усложняет понимание кода, да можно нарефакторить так, потом придет кто-то на проект и потратит большее время на бегание по папкам и поискам наших упрощений)
@user-tp4fn2dl9w
@user-tp4fn2dl9w 3 жыл бұрын
Согласна 🙂
@johnnysel8186
@johnnysel8186 3 жыл бұрын
и вы будете правы! в некоторых книжках по тестам, вообще запрещено использовать даже тернарные операторы, так как для тестировщков это не наглядно и мешает тестировать приложение. Я до сих пор оставил экшн-криеторы как было в самом начале, что бы потом не браться за голову и не понимать что куда и почему )) Считаю самым главным, что код должен быть наглядным, это первое в приоритете!
@user-ds7ct2vy1d
@user-ds7ct2vy1d 3 жыл бұрын
Плюсую. Вообще видос можно пропустить, полезные 5 минут о async / await. всё. Да и то, если хоть одним глазом заглянуть в документацию, ты уже обязан был это знать. Остальная инфа аналогична ядовитому мусору. При написании хоть 1 строки кода, всегда думаю наперед, а сможет ли разобраться человек читающий его после меня? А сам я разберусь через время, что я тут "оптимизировал, зарефакторил" как Димыч? Его не виню, у человека температура, понимаю. Задумайтесь, зарефакторив так код, где сам черт ёбу даст из этой помойки, где одна страница разбита на 1001 компонент, вас обоссыт на код ревью тимлид, но пропустит,потому-что времени на исправление нет, да и работает,та и хуй с ним. Помните о том, что через пол года, когда ваш проект перейдет на доработку другому спецу, человек просто потратит время, найдет тебя, зайдет в офис и просто при коллегах плюнет тебе в лицо, и будет прав. Помните об этом, надо каждой начинающей веб-макаке думать об этом, а не тупо писать в комментах под видео " Redux react супер лупер класс лол кек летим дрочим ".
@user-iu5nk8pr5n
@user-iu5nk8pr5n 3 жыл бұрын
@@user-ds7ct2vy1d вы злой какой-то, Димыч проделал шикарную работу, а вы грубите, призываю к конструктивной критике, в ваши комментарии уж точно человеку мотивации не добавляют, всем добра!)
@freezyng.
@freezyng. 3 жыл бұрын
полностью согласен с field это реально уже слишком, только для усложнения жизни, а так это просто учебный материал и в общем тут код ради кода
@n0escape
@n0escape 11 ай бұрын
В данном уроке рефакторим код по всему сайту и учимся писать по стандарту (правильно и чисто). 1) в редюсерах объявление констант для action. Текстовое значение создаем уникальным. Решает ситуацию, когда экшны в разных редюсерах идентичны: const ADD_POST = 'socialNetwork/profile/ADD_POST'; объяснение: "название сайта/название редюсера/название события" 2) Не разделять actionCreator thunkCreator Reducer и тд, по разным файлам, а писасть все в редюсере, где все это используется. Структура файла Reducer: //actions //reducer //actionCreators //thunkCreators 3) В thunkCreators использовать async...await вместо .then. Изначальный синтаксис thunkCreator: export const getUserStatus = (currUserId) => dispatch => { profileAPI.getUserStatus(currUserId).then( data => dispatch (setUserStatus(data)) ) } Измененный синтаксис thunkCreator: export const getUserStatus = (currUserId) => async dispatch => { let data = await profileAPI.getUserStatus(currUserId) dispatch (setUserStatus(data)) } 4) Избавление от дублирующегося кода (создание компонент или вынос одинаковой логики в отдельную функцию) Важные моменты этапа: - все переменные которые используем (dispatch, props и тд), передаем либо через props (если создаем новую компоненту), либо при вызове функции: func(dispatch, props.userId, ...rest) - если передаем методы, то передаем только их ссылки (follow) а не их вызовы (follow(userId)) - если передаем метод вызваный из объекта (usersAPI.followUser), то при дальнейшей передаче лучше использовать .bind, чтобы возвращаемо значение не потерялось (usersAPI.followUser.bind(usersAPI)) 5) BrowserRouter вынесли из App в index.js export let rerenderEntireTree = (state) => { root.render( ); } 6) Деструктуризация props. Все что приходит в компоненту через props реструктуризируем в объект при инициализации компоненты const LoginForm = ( {handleSubmit, error} ) => { return( ... ) } Важно. В классовых компонентах, лучше проводить деструктуризацию. В некоторых ситуациях, без деструктуризации будут возникать непредвиденные ошибки
@tazalov
@tazalov 10 ай бұрын
слушай, а есть где то у тебя в одном месте конспекты к видосам?
@n0escape
@n0escape 10 ай бұрын
@@tazalov до 40 вроде гдето есть, а с 50 писал конспекты в комментах
@DNAMIX1
@DNAMIX1 4 жыл бұрын
Дмитрий, как ты просил)) Learn React,Redux, redux-thunk, refactoring, TDD, large-scale application state management, mobx alternatives with this comprehensive and all-encompassing course.
@ITKAMASUTRA
@ITKAMASUTRA 4 жыл бұрын
Спасибо 🙏 летим 🚀
@outs1der
@outs1der 4 жыл бұрын
Нашёл для себя хороший способ для понимания всего пройденного материала раз в 10 -15 выпусков останавливаюсь и пишу комментарии в коде где описываю что каждая строчка из кода делает очень помогает ещё раз разжевать себе же своими же словами что и как
@drdev_blog
@drdev_blog 8 ай бұрын
На этом уроке решил посидеть, переписал всю архитектуру файлов по FSD методологии, все получилось, четкое понимание что где зачем и пр. Очень здоровские уроки, мозг кипит, но развивается!
@alfa_main
@alfa_main 3 жыл бұрын
Как будто не Димыч урок проводил, насколько же большую роль играет голос и интонация) Красавец, даже заболевшим бомбишь) главное не перебарщивать)
@alexroman3120
@alexroman3120 3 жыл бұрын
Сделал отдельную компоненту User еще в начале курса, какой я молодец)))) Спасибо Димыч за уроки, лучший!)
@gorillatv577
@gorillatv577 4 жыл бұрын
Димыч, красава! Спасибо большое за твои старания!!!
@mhersimonyan974
@mhersimonyan974 4 жыл бұрын
Очень понравился видос, так как многое сам сделал, с нуля написал ThunkCreator для setProfile и еще много чего. И остальное что проходили стало намного понятнее. Лайк. React, redux-ducks, refactoring, рефакторинг
@Mykhailo_Vdovychenko
@Mykhailo_Vdovychenko 3 жыл бұрын
Крутейший урок! Так и чувствую как уровень программирования повышается урок за уроком. Спасибо, Димыч!
@johnmj750
@johnmj750 2 жыл бұрын
Спасибо, Димыч! Очень интересно, как ты выносишь логику в отдельные функции👍🏻👍🏻👍🏻
@user-nk6ih7uh1h
@user-nk6ih7uh1h 3 жыл бұрын
Дима, красавчик, даже приболевший не оставляет нас без видео. Redux-ducks интересная тема, надо бы не забыть самостоятельно про это прочитать. А вообще скажу, что такой лайвкодинг, где ты делаешь рефакторинг, очень заходит, так как видно весь процесс поиска и исправления недочетов
@user-bd4lw9hx3s
@user-bd4lw9hx3s 3 жыл бұрын
Интересный рефакторинг! Некоторые места, конечно, удивили, особенно с Field`ами. Узнал про async/await. Отличный курс по React - Redux! IT-KAMASUTRA, вперед! Дмитрий очень хороший преподаватель!
@user-tp4fn2dl9w
@user-tp4fn2dl9w 3 жыл бұрын
Спасибо! Как обычно все понятно, всё легко! Лучший курс react, redux, redux ducks
@adastraperaspera0264
@adastraperaspera0264 4 жыл бұрын
советую эти материалы всем друзьям, уже четверо наверное проходят
@ITKAMASUTRA
@ITKAMASUTRA 4 жыл бұрын
Спасибо, Саша)) круто!✊
@ctumyji9737
@ctumyji9737 4 жыл бұрын
Спасибо, было интересно + полезно! Димыч, не болей! :) Полетел дальше! React JS - лучший курс!
@marsonleonardovich4036
@marsonleonardovich4036 4 жыл бұрын
Конечно полезное видео! Ты уже столько труда внёс в эти курсы, уважуха конкретная! Самураи не стесняйтесь донатить), хоть сколько-нибудь, если мы все скинем даже по 100-200р , а лучше 500-1000р, то уже будет совсем не плохо. Всем мотивации, тебе Димыч в первую очередь!
@__maxsoul643
@__maxsoul643 4 жыл бұрын
Отличный урок! Спасибо большое.
@user-wk3mg1xh3w
@user-wk3mg1xh3w 4 жыл бұрын
Огонь много работы переделали в этом видео) для меня каждый видос что-то новое)) летим) дальше React JS #reduxducks #reactJS #тестирование
@Vllad_Ko
@Vllad_Ko 4 жыл бұрын
и сюда спустя неделю вернулся ))) в рефакторинг. Похоже не в последний раз ))) React Redux он такой )))
@aidosbatyrkulov3272
@aidosbatyrkulov3272 4 жыл бұрын
Thank you Dimych! As always, elite course! About this lesson: 1. Be careful of making the same action types in reducers 2. Prefer async\await 3. Sometimes using destructuring is better 4. Feel free to make some helper functions
@volodya_kod6
@volodya_kod6 Жыл бұрын
Невероятный человек, простуженный с больным горлом все равно для нас старается, потому что дал слово
@tatianakruglaya6760
@tatianakruglaya6760 4 жыл бұрын
Здорово redux-ducks рефакторинг - React JS!!! Рефакторинг это прямо мое=) После видоса redux-ducks рефакторинг - React JS осталось приятное ощущение. Очень порадовал redux-ducks рефакторинг и React JS тоже. Спасибо Димыч за redux-ducks рефакторинг, в том числе, и за React JS!!!!
@user-tr8hr4xm1l
@user-tr8hr4xm1l 4 жыл бұрын
Полезный видос! Рефакторить оказывается тоже непросто
@user-sx4nw8ox5o
@user-sx4nw8ox5o 2 жыл бұрын
Просто кайф !! Все чітко і ясно , такиииий контент гідний💪🤓 #react #js #redux #ducks #refactoring #2022
@user-qx4gg4im2b
@user-qx4gg4im2b 4 жыл бұрын
Ура! Новый видос. Спасибо!
@vladim1
@vladim1 4 жыл бұрын
С удовольствием слежу, как опытный стекольщик ловко режет и крутит лист стекла. Или как Димыч рефакторит код. Спасибо за еще один полезнейший урок.! Learn React,Redux, redux-thunk, refactoring, TDD, large-scale application state management, mobx alternatives with this comprehensive and all-encompassing course.
@spacerider9426
@spacerider9426 3 жыл бұрын
Спасибо огромное за твой труд! Смотрю дальше!
@MikhailKuklenkov
@MikhailKuklenkov 3 ай бұрын
Выпуск бомба. Благодарю, Дима. Огромный труд!
@advhunter2
@advhunter2 4 жыл бұрын
Димыч, привет. Выздоравливай, спасибо за видос, топи дальше!!!
@ITKAMASUTRA
@ITKAMASUTRA 4 жыл бұрын
Спасибо!!! Летим!!!
@user-qy9vq5jo4c
@user-qy9vq5jo4c 2 жыл бұрын
Добавляем активности)) Бро. не верится , что я уже на 90 выпуске )) Раньше казалось, что никогда сюда не доберусь)) Димыч, респект!!!! СПАСИБО ТЕБЕ!
@Kalebra013
@Kalebra013 4 жыл бұрын
отличный видос, спасибо Димыч!) great lessong of react and redux
@ritaravinsky8262
@ritaravinsky8262 2 жыл бұрын
Класс! Спасибо большое! Рефакторинг - круто!
@denysm5599
@denysm5599 4 жыл бұрын
Урок большой, от непривычки пришлось много исправлять код. В качестве рефакторинга - неплохо поиграл с async/await, а так же - с реструктуризацией пропсов)) Благодарю за помощь в изучении React, Redux ( интересний подход redux-ducks), Димыч)) P.S. Прикольно, что один из учеников Димыча запостил в учебной соцсети краткую информацию о Дао-дэ-цзин, которую написал один из выдающихся мыслителей древнего Китая Лао-Цзы))
@honestprogrammer
@honestprogrammer 4 жыл бұрын
Димыч, даже когда болеет, не отступает) спасибо за пример!
@smolhs1586
@smolhs1586 Жыл бұрын
очень удобный рефакторинг -- правила за Димычем и в итоге исправились две ошибки, из-за которых не работали какие-то вещи, и я уже просто на них забила)) спасибо!
@jonecramer3870
@jonecramer3870 4 жыл бұрын
Круто! Просто топовый подход, с превращением follow unfollow в один метод
@fazatranz
@fazatranz 4 жыл бұрын
Redux, redux-thunk redux-ducks рефакторинг - React JS супер уроки!
@user-ho2qi4vl2k
@user-ho2qi4vl2k 2 жыл бұрын
Спасибо. Все очень понятно. Есть новые моменты однозначно!
@vadikpanchuk4978
@vadikpanchuk4978 4 жыл бұрын
redux-ducks рефакторинг - React JS все интересно, но главное - каждый учится выбирать что нужно ему, и думать своей головой - главное чему учит Димыч, ему респект!!!
@user-ml5vp6rp9n
@user-ml5vp6rp9n 3 жыл бұрын
Приятно, что для меня нет ничего нового))) Уф, 90 урок позади. Спасибо!))))
@user-di9dd7bb4l
@user-di9dd7bb4l 4 жыл бұрын
Спасибо за урок! redux-ducks рефакторинг - React JS
@territory_of_manifestation
@territory_of_manifestation 4 жыл бұрын
охххххх, два видоса новых, прям щас лопну от радости
@Aleks-lk1et
@Aleks-lk1et Жыл бұрын
Спасибо! 2022! Очень интересна сама реализация pефакторинга, как шаблоны для руководства. Все работает. Иду дальше
@amaxe12345
@amaxe12345 4 жыл бұрын
Спасибо большое Димыч! redux-ducks рефакторинг - React JS #reduxducks #reactJS #тестирование
@bdg5242
@bdg5242 4 жыл бұрын
Очень полезный и крутой видос, кайф рефакторинг
@vladimirww5152
@vladimirww5152 3 жыл бұрын
Сколько всего можно делать, классный рефакторинг для проекта Реакт!
@sergeyistominov5880
@sergeyistominov5880 2 жыл бұрын
Спасибо за рефакторинг JS/REACT! Для ранжирования!)
@annabolbot1228
@annabolbot1228 2 жыл бұрын
не верю что дошла до 90 урока! спасибо, Димыч!
@user-pc9bl7uf1l
@user-pc9bl7uf1l 3 жыл бұрын
Эх, вот и настал этап, которого я очень боялся. После рефакторинга ничего не могу понять в своем(твоем коде) коде. Наверное , нехватает моей оперативной памяти, чтобы все понять ))) Огонь, благодарю за старания. Пробую понять, пересматривая )
@user-cd1sr5sx2r
@user-cd1sr5sx2r 3 жыл бұрын
Мое мнение, рефакторинг надо делать самому. То есть понимать что делаешь и почему. Сначала глянул, что делает мастер, потом подумал, если понял, то делаешь. Если нет, то еще ждем понимания.
@eugene-dmitrievich
@eugene-dmitrievich 6 ай бұрын
Спасибо большое за урок! Очень полезно.
@user-tz9rc7hn6y
@user-tz9rc7hn6y 3 жыл бұрын
Было интересно! Спасибо! P.S. Список ключевых слов: React, Redux, лучшие супер курсы, бесплатно, redux-ducks, рефакторинг
@ihordoroshenko2158
@ihordoroshenko2158 4 жыл бұрын
Спасибо за видос, отлично порефакторил! Redux ducks, refactoring
@siarheipaprotski6337
@siarheipaprotski6337 3 жыл бұрын
Димыч, огромное тебе спасибо) Воспитал как своего прямо)) react-ducks - круто) летим дальше
@shamilsalakhutdinov5519
@shamilsalakhutdinov5519 4 жыл бұрын
Очень крутой курс по реакту, спасибо)
@xbelmondox
@xbelmondox 3 жыл бұрын
Димыч! Встречу в городе пожму руку, и обниму)! Я уже к этому видео , с большим количеством пересмотров, словил ощущение, что я давно тебя знаю)!
@resenpaii
@resenpaii 3 жыл бұрын
Все круто) Смотрел пару дней, попутно покрывая тестами редьюсеры.
@sheshko_pavel
@sheshko_pavel 2 жыл бұрын
Переименование эшкенов и async / await полезно, остальной рефактор хз... лучше бы ключи пофиксили, чтобы браузер красным не светился и пагинацию нормальную... react redux лайк подписка
@AxisGodzilla
@AxisGodzilla 4 жыл бұрын
попал к Димычу на 54:15 :) это кста значение статуса Паши Дурова в вк) выздоравливай и спасибо за уроки!
@ole_oli
@ole_oli 3 жыл бұрын
Супер Димычь. Спасибо. Финишная прямая!!! React Redux
@ivanmiarkulau8320
@ivanmiarkulau8320 3 жыл бұрын
Рефакторинг - очень нужная вещь, но всегда надо думать о том, что после рефакторинга код должен быть понятен не только Вам, но и человеку, который будет работать с этим кодом после Вас. Спасибо за урок!)
@KarbofossKS
@KarbofossKS 3 жыл бұрын
Я бы сказал "в первую очередь другому человеку". Код надо писать так, как будто его будет читать психопат склонный к насилию и знающий ваш адрес) Рефакторинг с 4мя - 6ю параметрами и непонятными названиями функций - это мрак, но Димыч явно болеет в этом ролике.
@maxkos6184
@maxkos6184 3 жыл бұрын
Димыч - молодец!!! Повторение кода - зло, борьба со злом - рефакторинг!!! Написание helper функций - создание помощников борьбы со злом!!! Борьба со злом === добро, т.е. рефакторринг это добро!!! Всем добра )))
@texasviking7732
@texasviking7732 3 жыл бұрын
смотрю твои уроки теперь на телике вах хорошо!!! даешь рефакторинг!)
@user-np9mq5xc7j
@user-np9mq5xc7j 2 жыл бұрын
Спасибо! Как всегда открыл много нового!
@orangedragonthebestraper
@orangedragonthebestraper 2 жыл бұрын
Здорово Что Димыч вспомнил о том что тестировать код нужно после каждого изменения - на пятом изменении!
@oconnor4417
@oconnor4417 Жыл бұрын
Димыч спасибо за полезную информацию ! Летим дальше !❤
@AnotherNiceNickName
@AnotherNiceNickName 3 жыл бұрын
Ура! 90й урок! redux-ducks рефакторинг - React JS. Осталось чутка!:)
@dlucky13
@dlucky13 4 жыл бұрын
отличные советы по рефакторингу. спасибо
@ervinabliamitov2149
@ervinabliamitov2149 4 жыл бұрын
Спасибо, Димыч! Всегда пишу короткие коменты типа: "Спасибо, Димыч!", т.к. могу забыть и потом вовсе не написать. Так что да, спасибо, Димыч!
@slavapush
@slavapush 4 жыл бұрын
В intellij idea, а потому скорее всего и в webstorm не обязательно для форматирования кода - Ctrl+Alt+L выделять его. Выделять можно файлы проекта или модули для глобального форматирования. Неиспользуемые импорты можно удалять Ctrl+Alt+O + реализован глоб. рефакторинг + в настройках можно добавить auto-import и рядом же add ambigious imports, т.е. однозначные импорты будут подтягиваться на лету
@IIIDefaultIII
@IIIDefaultIII 3 жыл бұрын
Мое решение функционала подписок follow/unfollow. Один экшн и одна санка. Экшн работает по принципу замены значения на противоположное, типа followed = !followed. Санка принимает id юзера и действие в виде строки (подписка или отписка). Принимает там, где вызывается, в компоненте User. Действие зависит от того, что в данный момент в стейте, подписаны или НЕподписаны. Санка подставляет это действие как название метода APIшки, которая и делает нужный запрос в санке. А экшн всегда вызывается один и тот же. export function toggleFollow(id, status) { return (dispatch) => { dispatch(isFollow(id, true)); requestAPI[status](id) .then(data => { if (data.resultCode === 0) { dispatch(follow(id)); } else if (data.resultCode === 1) { console.log(`ERROR: ${data.messages[0]}`); } dispatch(isFollow(id, false)); }) } }
@user-eb5mc1ib4b
@user-eb5mc1ib4b 2 жыл бұрын
я сделал в api.js одну функцию changeSubscribng, в которою передаю userId и subscrStasus, и в ней прописал: если статус пришел true то делаем delete запрос, если false то post запрос, и по факту у меня одна санка для фолов/анфолов и одна функция в апишке которая срабатывает по разному взависипости от пришедшего свойства санки
@tema_skakun
@tema_skakun 10 ай бұрын
Димыч, спасибо тебе огромное за труд, за мотивацию)) с первой зарплаты с меня донат))
@mykhailostepanishchev6472
@mykhailostepanishchev6472 4 жыл бұрын
Спасибо,очень инетересно. redux-ducks
@romanpomin1967
@romanpomin1967 3 жыл бұрын
Вопрос, который возникает не только у новичков: "На фига что-то менять, если и так все отлично работает?!" ))
@user-mj3eo1nj6g
@user-mj3eo1nj6g 3 жыл бұрын
по поводу рефакторинга, вопрос может возникать только у новичков я думаю. Так как прошаренные люди понимают для чего это :-)
@wild_wizards
@wild_wizards 2 жыл бұрын
Лайк! Хороший рефакторинг, местами не особо нужный т.к. код становиться менее читаемым, в целом супер! Едем дальше.
@fargutvest
@fargutvest 4 жыл бұрын
Рефакторинг redux-ducks название экшена должно содержать название редьюсера, чтобы защититься от одинаковых имён экшенов для разных редьюсеров лучше использовать async/await вместо then - код легче читать, выглядит более линейно вместо then, результата промиса (promise) можно дождаться с помощью await, но только функцию нужно пометить кака async (авэйтом (await) мы дожидаемся когда промис перейдет в состояние resolved) dot notation - обращение к проперти обьекта через точку apple.color а можно обратиться к проперти не через точку а через квадратные скобки apple["color"] деструктуризация параметров: ({apples, bananas}) => { код компоненты } вместо (props) => { код компоненты } Paginator вынесли в отдельную компоненту статья dan abramov overreacted.io/how-are-function-components-different-from-classes Круто Спасибо! React Redux
@user-bu3hz5be5w
@user-bu3hz5be5w 4 жыл бұрын
redux-ducks, reusable reducer, reusable redux-thunk Кстати, интереса ради только что проверил "redux-ducks" в гугле и первое видео по этому запросу - Димыча. Так что ставим комментарии по теме роликов, чтобы вместе выбивать канал в топ
@user-qs7ij8df4q
@user-qs7ij8df4q 3 жыл бұрын
Все супер! Летим дальше)))
@Sergey30838
@Sergey30838 2 жыл бұрын
Андрюха Ангуляр
@user-qs7ij8df4q
@user-qs7ij8df4q 2 жыл бұрын
@@Sergey30838 переквалификация из самурая-реактера в ангулярщика прошла успешно)
@audiomax111
@audiomax111 4 жыл бұрын
Спасибо Димыч, выздоравливай)
@alexanonymous5823
@alexanonymous5823 3 жыл бұрын
рефакторинг в реакте крутая вещь=)) спасибо
@alik64
@alik64 2 жыл бұрын
Ну вот и 90й урок осилен! Пойду смотреть 100й еще раз, а потом уже последняя финишная 💪🏼⚛️ react js , redux , refactoring 🥷🏼
@Snegurjan
@Snegurjan 3 жыл бұрын
логику понял,но думаю что то можно было оставить как есть.А так все круто,летим дальше)))
@TheZionjke
@TheZionjke 3 жыл бұрын
наверное оставлю все как есть, чтобы потом если надо будет подсмотреть, то я не сломал голову)))) зарефакторил только с then на async\await, а так крутой выпуск
@Vale91kk
@Vale91kk 4 жыл бұрын
про асинхронность я так понял и до сих пор нету видоса? ((
@__online7250
@__online7250 3 жыл бұрын
#reduxducks #reactJS #тестирование #практика #пример #уроки #курс Благодарю за урок!
@pashabezk
@pashabezk Жыл бұрын
2022. Спасибо большое! С некоторыми моментами рефакторинга не согласен. В частности соглашусь с комментаторами до меня, что Field рефакторить было бесполезно. По сути дела - просто инкапсулировали вызов функции с тем же наборов параметров, что и было. Это больше на усложнение кода похоже. Деструктуризация пропсов тоже не кажется хорошей идеей. Написать пропс не сложно, зато понятно, что конкретно эта переменная относится к пропсам и её нужно получать извне. Хотя тут понимаю - тема спорная. Возможно у меня пока недостаточно опыта. В остальном очень крутое видео, и спасибо Димычу, что прошелся по коду ещё раз, посмотрел, что можно улучшить. Очень понравился рефакторинг пользователей. И особенно понравилась идея вынести paginator отдельно. Сам до этого как-то не додумался *_*
@alexandera7398
@alexandera7398 Жыл бұрын
Согласен про Field. Оставил так как было.
@Quentinrei
@Quentinrei 2 жыл бұрын
19.02.21 финишная прямая, надо поднажать🚀🚀
@dimitriitkach7697
@dimitriitkach7697 3 жыл бұрын
spasibo za urok - 90 - redux-ducks рефакторинг - React JS
@user-qq5vo5hn6x
@user-qq5vo5hn6x 3 жыл бұрын
Спасибо!!! Летим дальше!!!
@valentynlugovyi4789
@valentynlugovyi4789 3 жыл бұрын
в принципе ничего нового не узнал, но рефакторинг по нашей соц сети это то о чём я мечтал с 50 выпуска где-то!!!!
@user-wj2qg3wm5v
@user-wj2qg3wm5v 4 жыл бұрын
кстати тест можно было и порефакторить)) А вообще круто! для себя вынес кое-что полезное например более конкретные имена для типов действий !Спасибо
@piligr1m_ua_
@piligr1m_ua_ 4 жыл бұрын
начал смотреть видос 3 недели назада! ошибку словил - сегодня только получилось найти ее! летим дальше))) REACT REDUX JS IT KAMASUTRA redux-ducks
@lvasmart3516
@lvasmart3516 3 жыл бұрын
Опиши ошибку и её решение! Вдруг еще у кого то она не решённая !
@piligr1m_ua_
@piligr1m_ua_ 3 жыл бұрын
@@lvasmart3516 сорян, бро, долго искать)
@miguelgrushetckii4839
@miguelgrushetckii4839 3 жыл бұрын
Спасибо! очень полезное видео! React Redux
@bosfaction
@bosfaction 2 жыл бұрын
Благодарю, Димыч! Круто!!
@strangerbox6769
@strangerbox6769 4 жыл бұрын
C созданием функции createField категорически не согласен, сразу убал руки с клавиатуры и посмотрел, прежде, чем делать. При такой функции: 1) Необходимо соблюдать, а т.е. всегда помнить и знать порядок написания всех атрибутов (что, как минимум, крайне не удобно) для корректной передачи в функцию и занулять при их отсутствии; 2) При трансформации/корректировке проекта будет необходимость неочевидных дополнений к функции и применением ее в новых местах; 3) Сам Field уже предоставляет универсальность, которая как бы "преследуется функцией createField"; 4) При работе с этим кодом другого программиста, очевидно, приведет к проблеме указанной в пункте 1.
@user-hr3zp4jj5w
@user-hr3zp4jj5w 4 жыл бұрын
👍
@Smash69ful
@Smash69ful 4 жыл бұрын
Очень крутой рефакторинг
@user-cy4cz7zx4m
@user-cy4cz7zx4m Жыл бұрын
Спасибо за урок
@is_eliseeva
@is_eliseeva Жыл бұрын
Спасибо за знания!
@fedormalkov2445
@fedormalkov2445 3 жыл бұрын
Знай, самурай. Если ты дошёл до этого уровня, то ты крут!
91 - chrome extensions для react и redux - React JS
23:55
IT-KAMASUTRA
Рет қаралды 32 М.
80 - React JS - инициализация приложения
41:35
Я нашел кто меня пранкует!
00:51
Аришнев
Рет қаралды 5 МЛН
ТАМАЕВ УНИЧТОЖИЛ CLS ВЕНГАЛБИ! Конфликт с Ахмедом?!
25:37
88 - pure function (чистая функция) - React JS
22:18
IT-KAMASUTRA
Рет қаралды 28 М.
86 - Virtual DOM - React JS
35:22
IT-KAMASUTRA
Рет қаралды 41 М.
78 - React JS - login и logout api
40:32
IT-KAMASUTRA
Рет қаралды 59 М.
69 - React JS - High Order Component (hoc)
28:35
IT-KAMASUTRA
Рет қаралды 67 М.