Провел сегодня собес с начальником с первой работы.

Вышло почти на 2 часа. Должно скоро выйти на канале.

Всем привет!

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

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

Собственно пришло время его выполнять. Нужно будет оставить ровно 1 коммент под следующим постом. Если хотите что-то написать - пишите тут.

Завтра в первой половине дня я выберу победителя через функцию random.

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

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

Собес получился вообще не таким, как я ожидал.

Оставляйте свой фидбэк в комментариях.

https://youtu.be/NpQFVZoy4T8

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

И так, счастливое число у нас сегодня 69.

Пересчитал 3 раза и победителем вышел у нас Артем Ульянов.

Артем, поздравляю!

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

Выделил для себя следующие пункты, которые можно улучшить:

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

Есть еще, что я упустил?

Большая просьба для тех, кому не сложно, оставлять фидбэк по этим пунктам в будущих видео. Можно например оценить от 1 до 10 и отмечать, что конкретно хорошо/плохо. Свободный формат тоже приветствуется.

Решил поделиться с вами парой интересных новостей, на которые наткнулся на этой неделе.

1) Кажется, что Angular начал смотреть в сторону реактивных систем по типу mobx, meteor и vue.

Было бы интересно услышать, что об этом RFC думают те, кто писали на angular 2+.

https://github.com/angular/angular/discussions/49090

2) React hook form движется в сторону framework agnostic решения для валидации, что очень круто. Уже вынесли core в отдельный пакет.

https://github.com/react-hook-form/core

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

#devtips #news

Всем привет!

Выпустил видос по mobx vs redux.

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

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

https://youtu.be/jL-IolbCAXY

Всем привет!

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

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

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

Собственно, тут могу дать 2 простых совета:

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

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

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

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

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

Касательно типа, я бы советовал начинать с unit тестов, так как они самые простые.

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

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

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

По этой теме писать можно очень много, но, как и со всем в жизни, самое главное и сложное - это просто начать.

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

#devtips #testing

Всем привет!

Сегодня хотел бы поделиться очень интересным концептом, которому я научился в Яндексе - trunk based development.

Это альтернатива git flow, где вместо того, чтобы создавать фичу в отдельной ветке, вы мерджите все в trunk (master/main).

Понятное дело недоделанные фичи показывать пользователю нельзя, поэтому они скрываются через feature flags.

Писать тут можно очень много, но у меня в планах есть сделать отдельный видос, где я буду объяснять все в деталях:

- как мы его использовали
- какие есть варианты использования фича флагов
- различные хитрости в самом коде

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

https://habr.com/ru/post/519314/

#devtips #git #vcs

Друзья, а есть тут те, кто мерит перфоманс на проекте?

Какие инструменты для этого используете? И за какими метриками следите?

А касательно совета сегодня хотел бы поделиться тем, как я 2 года назад за небольшой срок набрал много connection’ов в LinkedIn (примерно со 100 до 4к).

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

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

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

Меня сначала банили на пару дней, а потом как-то и на месяц попал. Так что будьте осторожнее.

#devtips #linkedin

Всем привет!

Делюсь с вами недавними новостями в мире фронтенда, которые мне показались интересными.

- React хочет сделать публичным prop unstable_expectedLoadTime для Suspense. Его главная задача в том, чтобы не рендерить поддерево компонентов при первой загрузке, а показать фолбэк.

Подробнее про фичу можно почитать тут:
https://github.com/facebook/react/pull/19936

- Вышел новый проект ts-reset, который патчит дефолтные типы TS и делает их более безопасными.

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

https://github.com/total-typescript/ts-reset

- Оказывается chrome в headless моде (без визуала - puppeteer и тд.) был отдельным браузером, а не другим билдом.

Вот наконец объединили 2 проекта в один:
https://developer.chrome.com/articles/new-headless/

#devtips #news

Всем привет!

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

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

Из минусов - код на слайдах виден плохо (шрифт мелкий). Если закрыть на это глаза, то выступление топ!

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

По поводу роликов, на этой неделе скорее всего уже ничего не выйдет.

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

Розыгрыш в честь этого тоже проведем - не переживайте.

Всем привет!

Сегодня узнал о прикольном проекте, который упрощает процесс написания скриптов.

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

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

https://www.scriptkit.com/

#devtips #workflow

Всем привет!

Сегодня хочу поделиться одной интересной статьей, которую я впервые прочитал где-то 3 года назад, когда вникал в функциональное программирование.

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

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

В общем, советую всем почитать.

https://www.digitalocean.com/community/tutorials/javascript-functional-programming-explained-fusion-transduction

#devtips #fp