Друзья, всем спасибо!

Отпишите фидбэк по стриму, если не успели задать вопрос - можете написать в комментариях.

Всем привет!

Сегодня у нас будет очередное ревью проекта (статистика по футболу). Стек для нашего канала стандартный - React, Redux, Typescript.

В данном видео сделал подготовительную часть, так что длина получилась намного меньше.

Разобрали ошибки связанные с ТС, читабельностью и конечно же архитектурные проблемы.

Накидайте, пожалуйста, лайки и комменты, чтобы видео лучше продвигалось.

https://youtu.be/2eCQz2olnu8

Тут нас стало намного больше, хочется понять уровень аудитории.

Запустил заново, так как вариант был с ошибкой, а много людей пока не увидело.

Всем привет!

Быстрый совет для тех, кто юзает ts-jest для юнит тестов (обычно это почти все, кто пишут на TS и юзают jest).

Зачастую тесты начинают запускаться через какой-то значительный промежуток времени, особенно если проект большой.

Одно из решений может быть выставление isolatedModules в конфиге ts-jest. Если у вас он уже стоит в tsconfig.json, все равно стоит попробовать выставить его еще раз руками.

Был опыт того, что данный опшен не подхватывался корректно, но там был довольно странный сетап (extends + несколько конфигов для фронта и бека).

Почему это помогает ускорить сборку я расскажу в видео про опешены tsconfig, которое я буду снимать сегодня.

Хорошего всем дня!

#devtips #typescript

Всем привет!

Вы просили - я сделал.

Как и обещал, сделал видос по типизации thunk’ов с хуком useActionCreators.

Так же подробно разобрал свой процесс мышления и то, как работают утилиты TS, которые я использовал.

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

https://youtu.be/NKg5K1b7ljg

Всем привет.

Сегодня хотел бы обсудить одну тему, касающуюся последнего видоса и о его перфомансе в YouTube.

По сравнению с недавними видео, где я постарался улучшить качество, этот ролик просматривается намного меньше (среднее время просмотра примерно упало в 2 раза).

Скорее всего, это связано с тем, что ролик более узко специализированный. Если человеку не нужен редакс - то нету смысла его смотреть.

А в телеграмме, кажется, у нас ситуация совсем другая. По реакциям видно, что видос этот зашел очень хорошо.

Да и в целом, после нового года телега растет быстрее ютуба, что очень странно, как по мне.

Так вот, кажется, что есть определенная подгруппа подписчиков у меня, которая хочет видеть именно продвинутый контент.

А на ютубе сидят все, поэтому такое хуже заходит и продвижение алгоритмом ютуба уже не такое хорошое.

Одно решения, которое я знаю - это сделать отдельную платформу и там уже делать более продвинутый контент. Может даже еще более подробный, так как там будут уже заинтересованные люди.

С другой стороны это должно быть платно, так как допом ютубу нужно еще снимать + поддерживать все. Это было в планах, но думал все-таки по позже.

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

В общем, хотел бы послушать, что вы думаете по этому поводу. И что вы хотели бы видеть в дальнейшем от канала.

Всем привет!

Сегодня хотел бы поделиться библиотекой для тайпскрипта, которая поможет расставить @ts-expect-error или @ts-ingore комменты в вашей кодовой базе.

В целом, особо про usage думаю рассказывать нечего, просто запустил, передал пару опшенов и в целом все.

Ок, прикольно, но когда мне это понадобиться?

Я надеюсь, что никогда…

Но если быть чуть более реалистичным, то можно понять, что многие проекты написаны далеко не идеально. Поэтому такое вполне может пригодится.

Кейсы тут думаю очевидные - нужно поменять tsconfig опшены на более строгие или обновить версию ts, где есть ломающие изменения, а проект большой.

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

Тогда можно просто поправить конфиг/обновить версию, пройтись этим инструментом и вуаля.

Самое главное, что новый код будет писаться уже правильно. А старые ошибки можно будет потихоньку поправить.

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

А ошибок сумарно было 1100 в 360 файлах. Никто понятное дело на такое дело не пойдет.

Как-то так. Всем хорошего дня!

#devtips #typescript

https://github.com/kawamataryo/suppress-ts-errors

Всем привет!

Недавно наткнулся на вот этот пулл в доку React - https://github.com/reactjs/reactjs.org/pull/5487.

Хотят убрать рекомендацию create react app из доки. В целом, кажется, что он потихоньку уже будет отмирать, как и webpack.

Для тех, кто не знает, создатель webpack вместе с Vercel уже работает над альтернативой - turbopack, пишущейся на Rust.

Последняя версия Next уже использует его. В ту же сторону кажется движутся и другие фреймворки.

У Angular вроде в бете режим сборки на esbuild. Vue экосистема живет на Vite. В целом, думаю комьюнити движется в правильном направлении.

Особенно с использованием es modules в дев режиме, для ускорения пересборки.

Все мне кажется понимали, что вебпак сложный и неудобный. Но такой кастомизации и количества плагинов особо ни у кого не было.

Не думаю, что он в ближайший год станет не актуальным. Но года через 2-3 возможно люди уже начнут переезжать на новые инструменты.

Интересно будет посмотреть, как продолжится развитие этих инструментов.

А что вы думаете по поводу новых инструментов? Есть ли у кого-то опыт их использования на больших проектах.

#devtips #buildtools

Всем привет!

Как и обещал, заснял видос по tsconfig!

Рассказал вкратце про все опшены, разобрал те, которые нужно использовать каждый день. А самое главное, на примерах показал то, как работают опшены type checking’а.

Если вы пишите на TS - то обязательно посмотрите, должно быть очень полезно.

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

https://youtu.be/27BfaFgME2o

Всем привет!

Хотел бы адресовать комментарии в предыдущем посте про инструменты сборки приложения.

Люди спрашивали, стоит ли учить webpack.

Так вот, я советую всем разработчикам уровня мидл и выше выделить время на изучение данного инструмента.

Связанно это с тем, что во многих компаниях он до сих пор используется и причем активно.

Также подобную кастомизацию ни один из инструментов не дает. Чаще всего там используются дефолты, подходящие под большинство кейсов.

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

Так что знание конфига там не самое важно. Нужно понимать с помощью чего можно этот бандл сделать меньше.

Как-то так…

Всем хороших выходных!

#devtips #buildtools

Всем привет!

Сегодня хотел бы вам дать небольшой совет касательно git.

Думаю тут все из вас с ним уже знакомы.

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

Это reflog и bisect.

Reflog поможет вернуть локальные изменения назад по логу ваших действий. Может быть полезно если натворили что-то не то при ребейзе.

Bisect поможет быстрее найти коммит, в котором произошел баг.

Думаю в интернете есть много хороших материалов на эту тему. Моя задача тут больше подчеркнуть ваше внимание.

Всем хорошего вечера!

#devtips #git

Всем привет!

Только что заснял собеседование и все готово для того, чтобы заснять еще одно.

Под постом в закрепе мало кто отвечает, так что если есть желание - отпишите сюда, я свяжусь с вами.

Если подойдете по уровню, то сразу проведем собес.

Ребят, уже нашел человека. Всем спасибо за отклик. Если не успели - ничего страшного. Можно записаться в закрепленном сообщении.

Всем привет!

Наконец-то собрался силами и записал видео про полифил промиса.

Самому в какой-то момент было очень сложно разбираться с тем, как он работает.

Надеюсь вам это видео очень поможет.

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

https://youtu.be/rJ5u7rsMU6g

Всем привет!

Хотел уточнить касательно вопросов под последним видео.

Смысл у них всех примерно такой - могут ли такое спросить на собеседовании?

Ответ тут и да, и нет.

Во первых, если вы идете на Джуна - то почти 100%, что нет.

Если же вы идете на мидла, то могут попросить написать реализацию одного из статических методов - Promise.all, Promise.any, Promise.race и тд.

Остальное думаю уже пойдет на сеньора и выше.

Лично меня спрашивали пару раз написать класс Deferred. Он по сути должен был уметь чейнить then + раскрывать вложенные Deferred классы.

Я предполагаю, что какие-то компании могут попросить реализовать Promise в качестве open-ended question (задача без определенного конца).

Например, кандидат все хорошо прошел - можно посмотреть насколько далеко он сможет зайти с подобной задачей.

Но в моем опыте такого не было никогда и от других не слышал.

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

Как-то так!

#devtips #promise

Всем привет!

Есть очень много тем для данного канала, но почти все требуют большое кол-во текста для раскрытия мысли (напишите свои идеи в комментах).

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

Если у вас есть какие-то значимые правки в PR - лучше сразу созвониться, нежели объяснять все текстом.

Знаю, что очевидно. Но много людей так не делают.

В моем случае это было связанно с тем, что я сделал большую задачу с улучшением TS, однако не все коллеги знали об этом.

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

Вначале конечно пригорело, но быстро понял, что тут явно какое-то недоразумение.

Договорился созвониться с 2-я коллегами, там уже на встрече ребята сами признались, что ничего не поняли и восприняли все эмоционально.

Комменты, в моем опыте, работают хорошо, когда уже сработались с человеком. Да и в целом, чем больше вместе работаете, тем меньше и меньше становится комментов под ПРами.

#devtips #work