Видео

Рад, что видео зашло!

Вы бы сначала уточнили информацию, прежде чем разбрасываться словами. Все эти задачи мне лично попадались на собеседовании в Яндекс. И оффер в эту компанию я получил. Соответственно, все задачи из видео я решил во время собеседования без какого-либо Chat GPT. Далее, я поделился своим опытом в видео, чем помог многим людям. А вашего узкого кругозора хватило лишь на попсовое слово "инфоцыганство" :)

Я когда создавал приватный npm пакет на коммерческом проекте, то тоже сильно удивлялся, когда не находил нужной информации по этой теме в интернете. Пришлось знатно попотеть, чтобы разобраться. В итоге решил сделать видео, чтобы и я не забыл, как делать npm пакет, и чтобы другие смогли без проблем найти и изучить информацию. Я очень рад, что тебе помогли мои труды! :)

@@MaximFilanovich Спасибо за спасибо )

по поводу 5 кол стеков. Он действительно один. Но на схеме я отобразил 5, чтобы показать шаги выполнения задач в кол-стеке. И про это я в видео говорю. И насчет setTimeout. Сожалею, что не смог вам объяснить эту тему. Не всем может зайти объяснение конкретного человека. Посмотрите другие видео по Event Loop либо почитайте статьи. Может вам будет так проще.

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

Сложно сказать, мне их давали на позицию middle. Не я не исключаю тот факт, что что-то подобное может попасться и на junior позицию

​@@MaximFilanovichА меня на собесе по алгоритмам гоняли, хотя им требовался верстальщик 😂

Так, давайте по порядку. 1. В описании задачи не указано, что createCodesGenerator должна возвращать функцию-генератор. Функция-генератор - это совсем другое learn.javascript.ru/generators#funktsiya-generator 2. Вы пишите "А в вашем решении generateCode возвращает перемешанный массив строк". Посмотрите внимательнее видео, generateCode возвращает строковое значение по индексу из массива codes ruclips.net/video/ilZiDZ_rXXo/видео.htmlsi=0cI26FVdnECBwZ5q&t=1341 3. Вы пишите "Сама задача при этом используется, чтобы проверить знания кандидатом в том числе понятия замыканий и того, как они работают". В этом вы абсолютно правы! Задача проверяет, как кандидат умеет работать с замыканиями и насколько оптимизировано пишет код (big O). И решение из видео все это в себе содержит. Задача решена с помощью замыканий и функция generateCode возвращает код за O(1). Возможно, у вас есть свое решение данной задачи. Буду рад посмотреть ваш код 😉

@@MaximFilanovich вы правы, видимо я невнимательно смотрел, действительно в вашем решении возвращается число, мое замечание некорректно. Прошу прощения.

@@Happytoad42 Все хорошо)

Молодец! Действительно получилось меньше кода) И попробуй все же все кейсы обработать, на leetcode после нажатия кнопки submit не проходят все тесты 😉 leetcode.com/problems/merge-intervals/description/

Согласен, 2-я задача совсем не простая. Но зато, если разобраться подробно в ее решении, то потом более простые задачки будешь щелкать как орешки :)

то чувство когда работаешь уже полтора года и дичь с ивент лупом ни разу не пригодилась))

@@TMANandMAISON991 js на собесах и на работе - абсолютно разные вещи, как я часто слышу от многих девелоперов

@@TMANandMAISON991 ахахах, есть такое. Но на самом деле Event Loop нужно понимать, чтобы для тебя JS не выглядел магией

@@fl1ckyyy155 все правильно тебе говорят, действительно, задачи на собесах и на работе это две разные вселенные

Рад, что помог разобраться! 🔥

Круто!

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

@@MaximFilanovich просто пытаюсь сделать публичную библиотеку, публикую её, она приватная, меняю видимость на публичную, пробую установить через npm и все равно требует токен(

@@vadim_romanovчестно, не рассматривал как делать публичную библиотеку. В продуктовой разработке часто нужна именно приватная. Наверняка через GitHub Packages это можно сделать. Поищи в инете, какие там параметры нужно изменить для публичной

Пожалуйста)

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

Круто! Рад, что смог помочь!

@@MaximFilanovich Спасибо Вам! И мне оооочень сильно помогли!

@@АнжеликаТурлак🔥🔥🔥

Привет! В видео мы разрабатываем приватную библиотеку, к которой есть доступ только у конкретной команды разработчиков. Material UI - это публичная библиотека, ее может установиться каждый. На коммерческих проектах чаще всего нужна именно приватная библиотека UI компонент. А для приватности необходим токен

Не вижу никакой проблемы в одном файле index.scss для всей библиотеки. Не думаю, что при любом другом способе у тебя стили будут грузится намного быстрее. Для твоего кейса скорее всего можно использовать extract: false в плагине postcss. Благодаря этому параметру файл со стилями создаваться не будет, все стили будут прописаны внутри dist/index.js (скорее всего они будут прописаны через атрибут style, но это не точно)

@@MaximFilanovich например такой вариант: я использую библиотеку в проекте, где не все компоненты задействованы, зачем мне все стили?

@@stasend ну да, в данном случае действительно незачем. Но если твои компоненты не совсем большие по размеру и количество неиспользованных компонент мало, то, как по мне, не стоит запариваться по поводу оптимизации загрузки стилей для этих компонент. В любом случае, если тебе так сильно это нужно, то можешь попробовать параметр extract в postcss, думаю, должно помочь. А вообще можно попробовать твои компоненты выпилить через rollup. Я думаю у бандлеров (rollup, webpack) есть возможность исключить из билда некоторые компоненты. Только на вопрос как это сделать, я навряд ли отвечу. Нужно идти в Гугл :)

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

Импортировать файл стилей необходимо только один раз в проект (это частая практика для ui kit библиотек). В React приложении ты можешь просто сделать один импорт в index.js либо App.js. Но можно обойтись и без файла стилей, просто указав нужные настройки в плагине postcss. Там вроде как за это отвечает extract. Можешь поставить extract: false и файл со стилями создаваться не будет (но стили при этом должны примениться). Возможно, я в чем-то ошибаюсь, лучше перепроверь документацию плагина postcss: github.com/egoist/rollup-plugin-postcss#extract-css

@@MaximFilanovich да все верно, этот вопрос успел изучить) я правильно понимаю что такое решение с импортом картинок было использовано потому что rollup не умеет умеет работать с импортамт картинок в файлах стилей(background: url()), или это мне не удалось найти решение этой проблемы

​@@Danny-uc6kxЧестно не знаю, умеет или нет. Но в любом случае, на практике лучше использовать тег img, а не background: url(). Могут быть исключительные кейсы, но они редкие. Если тебе так нужен background-image, то я думаю у rollup есть решение на этот счет. И скорее всего оно будет через postcss.