Всем привет! Буквально пару моментов проверю и начну стрим.

Заходите, кто может. https://youtube.com/live/9DBJSBv9Eeg?feature=share

Всем привет!

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

Да, не самая часто встречаемая задача в ежедневной работе, однако очень помогает понять, как работает “магия” в различных реактивных библиотеках.

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

https://youtu.be/MtYnKVFimx8

Всем привет!

Некоторые из вас наверняка могли знать про то, что в консоли хрома есть такие функции, как $ (даже когда нету jQuery на сайте), $$ и getEventListeners.

Все эти функции я находил в основном экспериментальным путем. Наверное только getEventListeners я как-то увидел на просторах stack overflow.

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

Лично мне показались полезными monitor, monitorEvents, profile и profileEnd. Думаю найдете что-то полезное под свои use case'ы.

https://developer.chrome.com/docs/devtools/console/utilities/

#devtips #js #chrome

Всем привет!

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

После переезда, как и все, я просто работал с ноутбука. В начале было не привычно без монитора, но быстро адаптировался и понял, что зачастую так даже продуктивнее выходит (зависит от задачи).

Однако есть одна большая проблема, о которой я вообще не думал. Это то, что при работе за ноутбуком ваш экран располагается очень низко. Следовательно, какая хорошая у вас не была бы осанка и какой не был бы удобный стул — вы будете сидеть криво.

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

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

Да, я понимаю, что очень многим нравится клавиатура на ноутбуке (особенно те, кто использует мак). Однако привыкнуть можно к любой клавиатуре, а вот к горбу на спине привыкнуть думаю будет не так просто.

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

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

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

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

#devtips #setup

Всем привет!

Сегодня один из подписчиков скинул мне ссылку на доку из библиотеки с универсальными хуками. Там сказано, что хук useSafeState станет deprecated, так как warning о обновлении стейта в демонтированном компоненте был удален в react 18.

При первом прочтении я удивился, так как об этих изменениях я не слышал, и в доке про 18-ую версию тоже ни слова об этом (даже в секции changelog, где есть ссылки на коммиты с изменениями).

Однако в доке библиотеки была ссылка на discussions, где Ден Абрамов пишет про удаление ворнинга (про причины можете сами почитать по ссылке ниже). Также сам проверил в коде, логов больше никаких нету.

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

https://github.com/reactwg/react-18/discussions/82

#devtips #react

Всем привет!

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

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

https://web.dev/speed-v8/

#devtips #js #performance

Всем привет!

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

Собственно, речь идет о навыке быстрого старта какого-либо проекта с нулЬя нуля.

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

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

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

Лично у меня так получалось, что я всегда что-то делал вне работы, поэтому все само собой выработалось. Однако до сих пор помню те первые проекты, когда по началу убиваешь 3-5 часов на какие-то простые вещи (проблемы с тестами, tsconfig, ci и тд).

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

#devtips #sideprojects

Всем привет!

Продолжаем нашу тему по React хукам. В данном уроке разберем, что такое callback ref, как их использовать и какие проблемы они помогают решать.

Часто вижу, что с данной темой люди не знакомы, так что всем советую к просмотру.

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

https://youtu.be/MLWsLn_jeGc

Всем привет!

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

Розыгрыш проведем, на след неделе постараюсь все наверстать.

Также хотел получить фидбэк по поводу аудио в последних 3-х видео (когда начал снимать из дома). В особенности буду рад услышать фидбэк от аудифилов).

Сейчас посмотрел — добавилось эхо. Насколько это было заметно вам во время просмотра?

Всем привет!

Думаю многие из вас понимают, что писать сложные типы на TS — не самое просто занятие. Часто вижу, что люди добавляют библиотеки по типу utility-types или type-fest. Их даже часто можно увидеть в dependencies у других либ.

Однако намного реже вижу упоминание ts-toolbelt, хотя там есть очень много полезных типов, да и автор настоящий мастер в данном деле.

Я помню сам в свое время очень много чего полезного узнал просматривая код данной библиотеки. Так что всем советую.

https://github.com/millsp/ts-toolbelt/

#devtips #typescript

Всем привет!

Что-то у меня не хватает времени на написание мини-статьи, хотя беклог с идеями продолжает расти.

Зато опять есть интересная ссылка про circular reference от создателя MobX. Часто когда провожу ревью проектов вижу, что люди не особо понимаю, что это такое и по какой причине происходит.

В статье все довольно доступно и понятно описано. Даже есть решение для нестандартных случаев. В общем, рекомендую!

https://medium.com/visual-development/how-to-fix-nasty-circular-dependency-issues-once-and-for-all-in-javascript-typescript-a04c987cf0de

#devtips #js

Часто по опыту общения с другими разработчиками вижу, что их кругозор и рост сдерживается тем, что они избегают задач, в которых они сейчас не разбираются.

Например, появляется проблема с CI. Зачастую мало кто хочет этим заниматься, хотя поработав с ним пару раз уже появляется хорошие знания в данной области.

То же самое касается и других не стандартных задач — е2е тесты, сборка, деплой и тд. Думаю спектр таких задач у каждого свой.

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

#devtips #work

Всем привет!

Вышло новое видео на моем канале про перфоманс в JS.

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

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

https://www.youtube.com/watch?v=WeipWuLJZCM

Часто у меня в комментариях спрашивают мнение о Vite. Решил ответить сразу на всех.

Так вот, как вы можете понять из моих уроков, отношение у меня к нему позитивное.

Работает быстро, конфигурировать легко, плагинов обычно хватает. Да, есть приколы с VITE_, но в остальном все хорошо.

Однако я считаю, что он до сих пор чуть сыроват для продакшена.

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

В итоге все вроде решается, но порой приходится завязываться на странные плагины с 3-4к установок в неделю.

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

Новые проекты я бы попробовал полностью на нем сделать, а вот старые мигрировать не стал бы.

Но для дева точно стоит использовать, скорость сборки просто в сотни раз быстрее!

#devtips #js

Всем привет!

Часто вижу, что людям интересна тема, касательно тестового задания, и стоит ли их вообще делать.

Ответа тут единого нету, но в большинстве случаев — это нет.

В каких случаях я считаю, что можно делать тестовое:

1) Вы ищите первую работу, либо у вас пока очень мало опыта. Часто в качестве фильтра компании дают тестовое, если других вариантов нету — то можно попробовать и сделать.

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

3) Предоставленное задание вам реально интересно и вы хотел бы его сделать.

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

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

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

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

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

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

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

#devtips #work

Всем привет!

Вышло новое видео на канале. На этот раз тестируем разговорный формат. Обсудим 6 вещей, которым я научился работая с React.

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

https://youtu.be/NtLP8hZGEos

Всем привет!

На позапрошлой неделе я выпустил 1 видео, вместо 2-х. Пришло время возвращать долги!

Для тех, кто не в курсе, я пообещал выпускать 2 видео в неделю и 1 пост в день на протяжении 2023-го года. За каждый пропущенный видос или пост я разыгрываю $50 или 1:1 сессию коучинга.

В этот раз, как могли уже понять, будет 2 победителя.

Для участия нужно будет оставить ровно 1 комментарий под следующим постом. Победителей выберу на этой неделе (не раньше, чем через 24 часа).

Пост для сбора комментариев на розыгрыш.

Всем привет!

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

Столько учат проверять, прежде чем копипастить, но все равно попадаешься!

Давайте подведем итоги. У нас 2 победителя. Первый — @jfswifty, а у второго логин скрыт, зато по индексу посчитать легко.

Как можете увидеть удачные числа — 438 и 9! Давайте поздравим победтелей.

Наткнулся на статью от Spotify про навигацию на телевизорах. Заставило задуматься о многих кейсах, как я бы сам это реализовывал.

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

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

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

В общем, не попробуешь — не узнаешь, но пока выглядит, как что-то интересное. А что вы думаете по этому поводу?

P.S. Порадовало, что у данной статьи только один тег “backend”)

https://engineering.atspotify.com/2023/05/tv-spatial-navigation/

#devtips #work