Рефакторинг кода в React: как сделать ваш код более организованным и пригодным для использования

  Рет қаралды 2,980

IT-INCUBATOR

IT-INCUBATOR

Жыл бұрын

В этом видео мы говорим о рефакторинге кода в REACT. Рассмотрим различные варианты рефакторинга кода, которые можно сделать. Мы также обсудим некоторые примеры наилучшего кода и дадим вам несколько советов о том, как избежать распространенных ошибок рефакторинга. Так что если вы хотите улучшить качество своего кода, это видео для вас!
Обучение в IT-INCUBATOR:
FRONTEND it-incubator.io/education/fro...
BACKEND it-incubator.io/education/bac...
Наш instagram / it.incubator
Наш новостной канал в телеге t.me/ItIncubatorLive
Бесплатные вебинары it-incubator.ru/webinars/?utm...
React - Кабзда как подробно:
• React - Кабзда как под...
Сериал о вайтишниках Samurai Live:
• Samurai Live
Канал с полезным контентом от Димыча ‪@ITKAMASUTRA‬
#itincubator #рефакторингкода #чистыйкод

Пікірлер: 37
@user-iy7nj4is4n
@user-iy7nj4is4n 23 күн бұрын
Блин отличное видео , узнал много чего хорошего . Пожалуйста больше видео о чистом (react ts) код.
@darkside2436
@darkside2436 Жыл бұрын
Комментарий в поддержку выхода нового контента
@Andres-it2du
@Andres-it2du Жыл бұрын
Сейчас пересматривал ещё раз и хочу сделать пару уточнений: По enum stepsState - хорошим названием было бы STEP_STATUS. Я написал STEP_STATES и это немного противоречит правилу которое я вам до этого озвучил - во множественном числе обычно называют массивы. Enum используют как тип или с единичным значением, а значит и переменная должна быть в единственном числе. State - состояние приложения/модуля, а вот status'ом как раз обзывают разные этапы/статусы - loading/done/error. Прошу прощения за неточности, мой дебютный видос и сразу на полтора часа, а записывал я его ещё дольше, поэтому под конец немного поплыл)
@Arablinka
@Arablinka Жыл бұрын
Отлично получилось!
@user-qj2yg1rn3j
@user-qj2yg1rn3j Жыл бұрын
где еще Ваши видосы по ревью глянуть?
@ExileHB
@ExileHB Жыл бұрын
ооооо, погнали смотреть)
@vladimirliankevich1361
@vladimirliankevich1361 Жыл бұрын
Отличный контент!!! Спасибо
@yaromahob
@yaromahob Жыл бұрын
Круто! давай еще!
@vasilymedvedev3077
@vasilymedvedev3077 3 ай бұрын
Андрей - топчик!!!
@lifeisgoodcool3618
@lifeisgoodcool3618 Жыл бұрын
Андрей топ!
@Andres-it2du
@Andres-it2du Жыл бұрын
Спасибо огромное 😊
@alexandrdripa3254
@alexandrdripa3254 9 ай бұрын
Давайте еще рефакторинг!
@Dmitrijserg
@Dmitrijserg Жыл бұрын
Ништяк, подгон босяцкий. Спасибо за практическое задание.
@user-qj2yg1rn3j
@user-qj2yg1rn3j Жыл бұрын
твою ж мать....я залип! дико интересно и доступно
@grigoralex406
@grigoralex406 Жыл бұрын
Сделайте пожалуйста в следующий раз шрифт покрупнее. У меня ноутбук и шрифт ужасно мелкий. А Контент отличный!! Ждем продолжения))
@Andres-it2du
@Andres-it2du Жыл бұрын
Обязательно сделаю, спасибо за предложение)
@istoric7221
@istoric7221 Жыл бұрын
За Андрюху топлю!
@user-zr7wv5nk4d
@user-zr7wv5nk4d Жыл бұрын
Немного не в тему, но клавиатура хорошо звучит, мне нравится))
@Andres-it2du
@Andres-it2du Жыл бұрын
Спасибо!
@ananasios
@ananasios Жыл бұрын
Что за моделька клавиатуры подскажите пожалуйста 😇
@user-pt5yi8lx4q
@user-pt5yi8lx4q Жыл бұрын
я конечно понимаю что формик не совсем ещё умер и его всё ещё используют, но обновлялся он последний раз 2 года назад, интересно почему it-инкубатор на react-hook-form не переходит?
@Andres-it2du
@Andres-it2du Жыл бұрын
По большей части потому, что у всех этих библиотек очень похожая структура/идея и если понимать одну - с остальными проблем не будет точно.
@evgeniys.3372
@evgeniys.3372 Жыл бұрын
А что за вид импорта import *? Если через звездочку, то надо же еще ключевое слово "as" как минимум добавлять. Попробовал сделать также у себя - еслинт ругает, да и на MDN нет такого вида импорта. Кто может подсказать?
@Andres-it2du
@Andres-it2du Жыл бұрын
А там не импорт, там экспорт)
@user-qj2yg1rn3j
@user-qj2yg1rn3j Жыл бұрын
ого, не видел этого видео
@noname-rp8pv
@noname-rp8pv Жыл бұрын
Привет, я в четверге. Пока не встречал такого подхода к коду. Это пятничный уровень ?
@Andres-it2du
@Andres-it2du Жыл бұрын
Привет, это даже чуть повыше возможно, небольшой взгляд на более продвинутые техники и подходы, которые используют в реальных проектах)
@noname-rp8pv
@noname-rp8pv Жыл бұрын
Спасибо за ответ. Я сейчас активно ищу работу, делаю тестовые. Хотелось бы посмотреть что то с продвинутой техникой. Не знаешь что посмотреть ?
@Andres-it2du
@Andres-it2du Жыл бұрын
@@noname-rp8pv я смотрю контент только на английском, из того что могу смело рекомендовать web dev Cody, отличный контент у него) Ну и следи за контентом инкубатора, серию эту скорее всего буду продолжать , плюс будут другие продвинутые темы!)
@noname-rp8pv
@noname-rp8pv Жыл бұрын
@@Andres-it2du Благодарю.
@user-ew7dq9kw9n
@user-ew7dq9kw9n Жыл бұрын
Есть ли вообще смысл думать над названием интерфейса пропсов для компонентов,если кроме как в этом компоненте ты его использовать нигде не будешь. IProps или TProps и все
@Andres-it2du
@Andres-it2du Жыл бұрын
Сильно размышлять над этим точно не стоит, но хорошим тоном будет следовать тому стилю, что уже есть в проекте. Конкретно приставки I или T я бы не использовал, они не вносят дополнительной ясности и пришли из C# где так принято)
@helplrewerse2925
@helplrewerse2925 Жыл бұрын
Реально инкубатор это какое-то правило на выпуск видео чтобы называть КОМПОНЕНТ компонентой и ДИВ дивкой?
@Andres-it2du
@Andres-it2du Жыл бұрын
Про компоненту это от Димыча пошло, все мы учились по его видосам и общаемся между собой, поэтому возникает такой жаргон небольшой) Про дивку даже не знал что это наше внутреннее, думал все так говорят... Прошу прощения если ухо сильно режет, тяжело пересилить себя порой)
Khóa ly biệt
01:00
Đào Nguyễn Ánh - Hữu Hưng
Рет қаралды 20 МЛН
Children deceived dad #comedy
00:19
yuzvikii_family
Рет қаралды 6 МЛН
КОД КАК У СЕНЬОРА. РЕФАКТОРИНГ
22:59
ITentika Online
Рет қаралды 64 М.
React и Next js убивают фронтенд!
9:11
Миша Ларченко
Рет қаралды 45 М.
Live refactoring a subscriber's React code
32:32
Web Dev Cody
Рет қаралды 115 М.
Все хуки ReactJS за 1 час
1:11:08
Веб-разработка - DevMagazine
Рет қаралды 19 М.