Модули в JavaScript, import и export, декомпозиция кода

[@AleksanderLamkov]

📌 Друзья, в телеграмме у нас есть отдельный чат, где вы можете задать вопрос по фронтенд-разработке и вам постараются помочь: 💬 t.me/friendlyFrontendChat Если вам это интересно, присоединяйтесь, задавайте вопросы и помогайте другим 🙂

[@КириллКараваев-т7ш]

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

[@Clay286]

Наконец содержательный разбор модулей! Спасибо! Много мелочей, которые неочевидны, но могут ввести в ступор по незнанию!

[@sjdjjsjsjs3991]

Чел, все эти 'мелочи' на learn js описаны

[@АрсенийСмирнов-щ5д]

Выражаю признательность и благодарность за работу! Начал изучать фронтенд относительно недавно, куча информации, практики и всего остального. А ваши информационные ролики как простой и доступный конспект чтобы закрепить простые и не очень темы, а также ещё раз обратить внимание на важные моменты. Спасибо большое!

[@miwanjaGR]

Наконец содержательный разбор модулей! Спасибо!

[@mouri_san]

Как всегда на высшем уровне, спасибо, Александр!

[@biscvie]

Наконец то DOM ура, ждем с нетерпением)

[@sjdjjsjsjs3991]

MDN и Спецификация наше все

[@johnmoven9956]

Молодец. Хорошо объясняешь.

[@StanislavGalichev]

Спасибо! Очень много интересного узнал. 👍

[@Pavelius]

Очень хорошие уроки. Хоть я и сам не всё знаю, но аж захотелось подобные уроки делать. Так как иногда ищешь информацию и ничего адекватного не находишь, только какие-то абстракции. Хоть у тебя и есть таймлайны - за что огромное спасибо🎉 Ещё было б круто, все твои уроки в текстовом виде с скриншотами, так как иногда проще прочитать,да и найти по тексту, что нужно)

[@Vitog_300]

Очень полезные видео!

[@myks1992]

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

[@AleksanderLamkov]

В следующем мастер-классе по верстке будет много JS, где тема "модулей" будет раскрыта больше. А текущий урок и так получился довольно большим, нет смысла растягивать его ещё больше. Новичкам достаточно понять концепцию "модуль = 1 компонент = отдельный файл с собственной областью видимости сущностей".

[@GiyosiddinAllanazarov-i6r]

Ничего не понял но очень интересно!

[@pavel7930]

Класс!

[@smotritelyoutube]

Супер, лайк!!!

[@SuperWolchara]

Вопрос товарищи, работаю с С# Asp Net Core 6 Razor Page. Когда подключаю js в теге ставлю атрибут версии и страница генерируясь ставит хеш сумму js файла, тем самым я не парюсь с кешированием js версий. Если сделать текущий js как модуль и оставить псевдо тек версии, создать новый модуль js и импортировать его в основной js то изменится ли хеш сумма основного js файла при изменении импортированного файла?? Не пользуюсь всякими сборщиками js Можно конечно протестить, но пока руки не доходят

[@Iv-ex7ho]

Подскажите как в storybook импортировать файл module.css

[@AleksanderLamkov]

Ты про глобальные стили или стили компонента?

[@Iv-ex7ho]

Компонента, спасибо за ответ!

[@Iv-ex7ho]

там пишет с помощью установки @nextjs, но у меня ничего не изменилось, пробовал sb-css-modules, тоже не отобразилось. Где я свернул не туда)

[@AleksanderLamkov]

А при чем тут nextjs? У тебя на этом фреймворке приложение, да?

[@Iv-ex7ho]

Нет, react только

[@daily_english_practice]

Хоть что-то по полочкам разложилось...а то сейчас изучаем webpack...и там же в кучу добавили import / export (es modules / common js) - вообщем каша

[@sjdjjsjsjs3991]

А на самом деле все очень просто, с чем достаточно разобраться за пол дня

[@kaeluss6933]

У меня возникла ошибка. Как только добавляю в тег , type="module" код перестаёт работать и в консоли Chrome вылазит ошибка: Access to script at 'file:///C:/Users/user/Desktop/.../tabs.js' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: chrome, chrome-extension, chrome-untrusted, data, http, https, isolated-app. lesson%2023-xx.html:23 GET file:///C:/Users/user/Desktop/.../tabs.js net::ERR_FAILED Подскажите пожалуйста что делать с этой блокировкой. Пользуюсь VSC и Chrome.

[@AleksanderLamkov]

Тебе нужно файл html открыть в браузере через контекстное меню IDE VSCode. У меня в WebStorm это делается так: ПКМ по любому месту в рамках кода файла index.html => Open In => Browser => Chrome Если такого нет, то наверняка поможет VSCode расширение Live Server, через него обычно разработку ведут.

[@kaeluss6933]

Большое спасибо, всё заработало.

[@NEPOS_KAXA]

​@@kaeluss6933 мне не помогло, расскажи как ты конкретно сделал пожалуйста

[@flamewix]

@@NEPOS_KAXA , импорты не работают в локал файле, нужно поднять локал сервак, это можно сделать через плагин LiveServer в Vs Code

[@sjdjjsjsjs3991]

@@flamewix Ввод в заблуждение, работает так же и в локалке

[@eleven133]

Все понятно, спасибо за видео!