Всем привет!

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

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

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

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

https://youtu.be/JuPB5X1Jp9I

Принял, уже по первым результатам вижу, что все, в основном, пишут на React.

Было интересно, так как вижу, что хорошо заходит контент на vanilla js (структуры данных, event loop и тд.), думал может все пишут на другом Фреймворке)

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

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

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

Тема давольно холиварная, но думаю тут у нас все адекватные, и сможем нормально все обсудить)

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

Но я надеюсь, что вернулся назад в колею.

Выпустил видео про работу с local и session storage, следующим выпуском расскажу, как работать с ними в React (видео на самом деле уже заснято, надо подготовить и выложить).

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

Об этом рассказываю в видео, поэтому обязательно посмотрите и оставляйте фидбэк!

https://youtu.be/VgoU4-Pmw-4

К теме про rxjs, наткнулся на вот этот мем - очень повеселил)

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

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

Друзья, всем доброе утро!

Выложил 2-ю часть видео о работе с local и session storage.

В этом выпуске уже рассмотрим интеграцию нашей обертки с react - напишем отдельные хуки с интерфейсом useState.

Заходите и оставляйте фидбэк!

https://youtu.be/ad8KmwxSlSI

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

Несмотря на простоту концепта, очень часто замечаю подобное на ревью.

Поэтому обязательно посмотрите.

https://youtu.be/KV1-VYTXIhY

Всем привет!

Выложил только что видео про хуки useMap и useSet.

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

Заходите, смотрите и оставляйте фидбэк!

https://youtu.be/hq0rAsIgZbQ

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

Можете сказать, в каком формате вы хотели бы это видеть?

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

Так же ради челенджа попробовал сделать это без использования Google.

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

Смотрите и оставляйте фидбэк!

https://youtu.be/ctdUaaj62D0

P.S. Видео большое, таймкоды планирую расставить в ближайшее время. Буду рад, если кто-то с этим поможет)

Друзья, всем привет!

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

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

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


Замена map с помощью reduce:

function map(arr, mapper) {
  return arr.reduce((acc, current, index, originalArr) => {
    acc.push(mapper(current, index, originalArr));
    return acc;
  }, []);
}

Замена filter с помощью reduce:

function map(arr, predicate) {
  return arr.reduce((acc, current, index, originalArr) => {
    const shouldAdd = predicate(current, index, originalArr);
    shouldAdd && acc.push(current);
    return acc;
  }, []);
}

- "Ок, но в чем же смысл этого, Айюб?" - наверняка спрашиваете вы.

Смысл заключается в том, что с помощью reduce можно заменить цепочку методов проходящихся по массиву на 1-у.

Например:

arr
.filter(a => a > 5)
.map(a => a * 2)
.reduce((acc, current) => acc + current, 0);


Можно переписать на:

arr.reduce((acc, current) => {
if (current <= 5) return acc;
return acc + current * 2;
}, 0)


В первом случае у вас будет 3 итерации по массиву и создастся 2 массива, которые будут собраны сборщиком мусора.

Во втором же случае, 1-а итерация и создастся 0 промежуточных массивов.

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

Но тут, как и во всем в жизни, важен баланс.

Хорошего дня!

Всем привет!

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

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

Так же планирую выпустить на этой неделе видео с продолжением разработки компонента DatePicker без Google.

По этому stay tuned!

https://youtu.be/e3kW3qjTAXA

Наконец-то набрал 1000 подписчиков, всем спасибо за фидбэк и поддержку!

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

Друзья, всем привет!

Записал видео по случаю 1000 подписчиков, также немного рассказал о себе.

https://youtu.be/zVi8eCRU3-c

Всем привет!

Подготовил очередное видео про React.

Разбираю давольно не очевидную тему - процесс сравнения элементов и вообще почему о нем нужно знать.

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

Оставьте фидбэк в видео, чтобы лучше продвигалось!

https://youtu.be/o7nvkVf95Do