Программирование, т. 6

скриншот кода

фу.

Я еще в нотпаде пишу, да.

 

скриншот кода

фу.

Я еще в нотпаде пишу, да.

 

++?

++ для лохов

вот правильный ноутпад

Блять, стыд и позор в топане программирования не уметь прикреплять картинку

PS: сириусли, почему с имгура не импортит?

лол

я думал что :bqquN это команда в вим

импортит с имгура же как картинки так и медиа

 

 

 

Блять, стыд и позор в топане программирования не уметь прикреплять картинку

PS: сириусли, почему с имгура не импортит?

 

Ты просто пытаешься импортить страничку и не изображение.

++ для лохов

вот правильный ноутпад

 

за называние вима блокнотом в моем падике проводят бесплатное обучение емаксу

всё что не IDE - всё блокнот

Спасибо!!!

нужен совет опытных фронтендеров

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

по гайду создал пустой проектик, node+npm+yeoman+gulp там рекомендовали

в результате папка проекта содержит 30000 файлов и весит около 300МБ, хотя все, что делает проект - страничка с hello-world

подскажите, это вообще нормальная ситуация для фронта? и актуален ли стек инструментов или все уже пару лет назад устарело?

Конечно это обычное дело для фронта (нет)

нужен совет опытных фронтендеров

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

по гайду создал пустой проектик, node+npm+yeoman+gulp там рекомендовали

в результате папка проекта содержит 30000 файлов и весит около 300МБ, хотя все, что делает проект - страничка с hello-world

подскажите, это вообще нормальная ситуация для фронта? и актуален ли стек инструментов или все уже пару лет назад устарело?

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

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

А что сейчас актуальнее? И есть ли инструменты, которые могут проверить зависимости модулей и удалить ненужные? Потому что в основном проекте есть несколько нужных зависимостей от модулей, у этих модулей тоже свои зависимости и т.д. Руками не почистишь. 

 

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

А что сейчас актуальнее? И есть ли инструменты, которые могут проверить зависимости модулей и удалить ненужные? Потому что в основном проекте есть несколько нужных зависимостей от модулей, у этих модулей тоже свои зависимости и т.д. Руками не почистишь. 

 

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

Какая тебе в жопу разница что у тебя в node_modules
Тебе важно только что у тебя в package.json и что конкретно будет включено в финальный бандл проекта, который отправится собственно клиенту

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

 node+npm+yeoman+gulp

 

Это по идее вообще не стек даже, а просто основа для проекта (слегка устаревшая)

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

Ну или просто глянь какой-нибудь create-react-app

Правда в случае с реактом тебе надо будет ебашить сверху redux, сверху ебашить модули для асинхронной лапши в редаксе и так далее

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

понял, спасибо, на клиент попадет только то, что в package

gulp же все это дело склеит, минимизирует, обфусцирует?

у меня, просто, именно не до конца складывается картина, какие функции все говно типа йоманов выполняет

как я понял, нода - это просто среда, которая нужна для работы всех этих инструментов, npm - менеджер пакетов, yeoman - тулза для скаффолдинга, gulp - билдовальня, которая собирает проект\поднимает тестовую среду\делает деплой

а webpack что делает?

реакт мне в принципе не нужен, как и spa вообще

Нет, не все что в package

В package указаны зависимости, которые требуются твоему проекту на уровне инфтрастуктуры (хотя юзать ты можешь например всего 1 модуль из огромного списка)

Нужен он для того чтобы ты мог склонировать проект гитом и запустить npm install, который как раз таки поставит все то что там указано (и все зависимости зависимостей само собой, что и создает такое огромное количество говна в node_modules)

На сам фронтенд отправится непосредственно то, что будет импортировано в качестве модулей и заюзано в коде самого проекта. У всех node_modules по 150-300мб, но финальный бандл проекта обычно от 1 до 5мб гзипед (5 это прям для мегажирдяев с хуевой кучей кода)

у меня, просто, именно не до конца складывается картина, какие функции все говно типа йоманов выполняет

как я понял, нода - это просто среда, которая нужна для работы всех этих инструментов, npm - менеджер пакетов, yeoman - тулза для скаффолдинга, gulp - билдовальня, которая собирает проект\поднимает тестовую среду\делает деплой

а webpack что делает?

Ейоман это лишь тулза, которая делает чуть больше, чем обычный клонирование репозитория. Очень топорно говоря, это клонирование репозитория с опциями, аля "я хочу чтобы тут был foundation вместо bootstrap и дайте мне пожалуйста jQuery 3 версии а не второй".

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

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

Вебпак это module bundler, хотя на самом деле это более хипстерская версия таск-раннера (крайне упрощенно говоря). Галп как бы сам тебе ничего не навязывает, как хочешь, так и юзай, и это создает как бы кучу лишней работы и так далее, если ты захочешь делать йоба-фишки. Вебпак же в свою очередь автоматом имеет в себе просто монструозный функционал, для того чтобы весь твой фронтенд код собирать в бандл/бандлы (один или несколько больших js файликов, внутри которых могут жить другие хуйни). Сейчас как бы современный фронтенд просто неебически отличается от того, что творилось 2-3 года назад. Сейчас там повсюду es6 код с хуевой тучей продвинутых фишек, модули на модулях да модулями погоняют, code splitting, асинхронная загрузка модулей с приортитетами, частичный рендеринг основанный на роутинге, всякие там сервис воркеры, сверху все это обмазано разнородным кешированием и еще хуй знает чем. И вот вебпак позволяет со всем этим работать чуть ли не "из коробки" (как только ты закончишь с конфигом ебаться конечно, на что с нуля у тебя уйдет полжизни). А все доп фичи добиваются плагинами.

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

Хотя я не особо понял как ты собираешься делать "жирный клиент" без spa