• Стоит ли переписать gulp на webpack?

    Natebash
    @Natebash
    React, Vue, Angular, Navite JS, Python / Node JS
    Если дело касается верстки - использую данный конфиг
    https://github.com/agragregra/OptimizedHTML-5

    Если дело касается разработки под wp, просто меняю dist конфига что бы стили сразу попадали в assets корневой папки с темой wp, сам node-modules + gulp конфиг лежат в корне. Т.е gulp автоматически компилит и вотчит php файлы, sass, сжимает картинки и все кладет в assets
    Ответ написан
    8 комментариев
  • Какие проекты можно добавить в портфолио для middle vue разработчика?

    Natebash
    @Natebash
    React, Vue, Angular, Navite JS, Python / Node JS
    Сделайте SPA приложение(CRM) сервисного центра по ремонту электроники. Там вам и таблицы, формы, графики, учет товара, списки и чего душе угодно. Наращивать функционал можно до бесконечности воруя идеи у CRM "конкурентов"

    PS: с комментом под катом 100% согласен) с мидлом и сеньором на собесе уже болтают за жизнь и за опыт работы в проектах. У нас при найме вообще не спрашивают про код, а про где работал, какие проблемы решал, как победил, расскажи об интересных моментах, пиво любишь или сразу увольняем?
    Ответ написан
    Комментировать
  • Что такое process management в DevOps и как ему обучиться?

    Natebash
    @Natebash
    React, Vue, Angular, Navite JS, Python / Node JS
    62eb4aeeda5d8340598135.png

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

    Или же -
    https://www.geeksforgeeks.org/what-is-init-d-in-li...
    Ответ написан
    4 комментария
  • Как сделать бордер разными цветами?

    Natebash
    @Natebash
    React, Vue, Angular, Navite JS, Python / Node JS
    Ответ написан
    Комментировать
  • Что сейчас с вакансиями Front-end?

    Natebash
    @Natebash
    React, Vue, Angular, Navite JS, Python / Node JS
    С вакансиями все поменялось для джунов. Я думаю что отсев и уровень входа стал выше. Для уровня мидла все осталось как и прежде. Они нужны, их пылесосят. С сеньорами все как было, так и осталось. Хорошего сеньора с опытом 6+ лет с уровнем английского B2 и выше найти если не нереально, то довольно тяжело. Так как зарубежный конкурент на linkendln предлагает сумму в 2 раза больше при равных запросах.
    Ответ написан
    Комментировать
  • Как добавить админку на уже готовый сайт, сделанный на React?

    Natebash
    @Natebash
    React, Vue, Angular, Navite JS, Python / Node JS
    Используйте любую CMS, можно WP, можно любую Headless CMS. И выводите из апишки посты на фронт реакта.

    Можно потыкать на ютубе видосы, поискать инфу вроде такой -
    https://www.youtube.com/watch?v=m2uoYzUlBsg&list=P...
    Ответ написан
    1 комментарий
  • Отмена axios запроса в redux thunk?

    Natebash
    @Natebash Автор вопроса
    React, Vue, Angular, Navite JS, Python / Node JS
    black1277 Да, все верно, у меня немного другая реализация получилась, у нас старый пакет axios который пока не можем поднять по собственным соображениям, поэтому сделал с помощью CancelToken
    https://axios-http.com/docs/cancellation

    Санка которая запускается на событие download
    const CancelToken = axios.CancelToken;
    const source = CancelToken.source();
    
    export const uploadThunk = (uploadData) => {
      return async (dispatch: Dispatch<Action>, getState: () => RootState) => {
        try {
          await axiosInst.post(
            `${upload_url}/${subjectId}/upload`,
            uploadData, {cancelToken: source.token}
          );
    
        } catch (e) {
          console.log("Failed upload", e);
        }
      };
    };


    Отменяем предыдущий запрос по клику кнопки на фронте
    export const cancelUploadThunk = () => {
      return async (dispatch: Dispatch<Action>, getState: () => RootState) => {
        source.cancel("Operation canceled by the user.");
      };
    };
    Ответ написан
    Комментировать
  • Как заполнить строку html автоматически?

    Natebash
    @Natebash
    React, Vue, Angular, Navite JS, Python / Node JS
    Можно сделать разными вариантами, смотря на чем написан магазин. Примеры с JS | PHP

    https://stackoverflow.com/questions/8469767/get-ur...
    https://flaviocopes.com/urlsearchparams/
    Ответ написан
    Комментировать
  • Существуют ли компании, где нет перерывов в работе?

    Natebash
    @Natebash
    React, Vue, Angular, Navite JS, Python / Node JS
    Похоже на описание концлагеря) Сейчас большинство айтишных компаний практикуют удаленную работу, тем самым снижая финансовую нагрузку(условие наличия большого офиса, снеков, и прочего). У адекватной компании - вы закрываете таски - вы молодец, когда вы их закрываете - ваше дело. У нас условие - 4 часа пересечения общего времени с командой. К примеру я встаю в 5, в 6 уже на работе, в 2 заканчиваю работать. Далее "свободное время"

    Ищите компанию где не будет такого идиотизма)
    Ответ написан
    1 комментарий
  • Актуальны ли еще Thunk?

    Natebash
    @Natebash
    React, Vue, Angular, Navite JS, Python / Node JS
    Более чем
    Ответ написан
    Комментировать
  • Удаление элемента(ов) из массива включающих точное совпадение или пересечение по числам?

    Natebash
    @Natebash Автор вопроса
    React, Vue, Angular, Navite JS, Python / Node JS
    https://protocoder.ru/alg/datescrossing
    arr.filter(item => item.start > indexEnd || item.end < indexStart);

    WbICHA спасибо) твой ответ тоже рабочий, по ссылку нашел более лаконичное решение, пересечение интервалов можно было найти при помощи сравнения конец\начало, начало\конец
    Ответ написан
    Комментировать
  • Выявление и стилизация данных из текста приходящего с бэка?

    Natebash
    @Natebash Автор вопроса
    React, Vue, Angular, Navite JS, Python / Node JS
    Проблема решена с помощью - https://www.npmjs.com/package/html-react-parser
    Спасибо WapSter
    Ответ написан
    Комментировать
  • Как правильно передавать пропсы в React-компонент используя TypeScript?

    Natebash
    @Natebash
    React, Vue, Angular, Navite JS, Python / Node JS
    Лучше делать вот так:
    export const AuthDialog: FC<AuthDialogInterface> = ({onClose, isVisible}) => //.....
    Ответ написан
  • Рынок UX/UI дизайнеров заполнен?

    Natebash
    @Natebash
    React, Vue, Angular, Navite JS, Python / Node JS
    Я думаю все намного проще.

    Как и в любой IT профессии - на первом уровне(джуны), всё очень туго, на каждого работодателя по 200 откликов джунов, на втором уровне (мидлы), уже работодатель начинает бегать за программистом, на третьем уровне всё очень плохо - рынок почти пуст(очень мало хороших сеньоров, а если и есть - во первый они ищут свою место под солнцем - если не выгорели еще)

    Я думаю с дизайнерами такая же проблема, хороших дизайнеров с опытом 5-6+ лет очень мало, так как по мимо того что бы просто рисовать в фигме, или продуктах адобе - нужно отлично уметь в аналитику и видение продукта, а не просто перерисовывать дизайны из behance.
    Ответ написан
    2 комментария
  • Joomla или Wordpress?

    Natebash
    @Natebash
    React, Vue, Angular, Navite JS, Python / Node JS
    Все зависит от того в какой инструментарий вы больше всего умеете, + насколько большое комьюнити у данного решения.

    Не сказать что я спец по Joomla, хотя есть один сайт на поддержке. Как по мне лучше выбирать из:
    Woocomerce\Opencart.

    Плюсы woocomerce:

    Огромная база знаний
    Много готовых решений
    Большое комьюнити.
    Говорят что от 10 000 - 50 000+ товаров начинается проблемы с оптимизацией(не проверял), в таком случае делают выбор в пользу более оптимизированного опенкарт, если магазин не большой - отличное решение.

    Минусы:
    Есть дыры в безопасности(но у кого их нет), исходя из плюсов выше - чем выше количество пользователей, тем быстрее эти дыры латают(что не мешает делать новые), но таков любой продукт.
    Приходится разбираться в шаблонах и настройках WP, по первой бывает сложно.

    Плюсы opencart:
    MVC структура
    Вполне стабильная третья версия(до этого 2я была, сейчас поустаканилось)
    В ocstore 80% функционала для магаза.
    Бутстрап под капотом, что позволяет быстро накидывать сетку.
    Среднее по численности комьюнити.

    Из минусов:
    Иногда готовые решения очень дорогие по вложению денег(лечится - хорошим знанием PHP и написанием модуля с нуля под себя)
    Нужно сразу выбирать Osctore, и знать что он под капотом имеет больше чем нативный opencart(наличие готовых модулей и оптимизация под СНГ рынок)
    Как по мне - не очень удобная админ панель.
    Ответ написан
    2 комментария
  • Где и как предложить идею нового свойства CSS?

    Natebash
    @Natebash
    React, Vue, Angular, Navite JS, Python / Node JS
    В каком форуме можно предложить разработчикам эту идею?

    Во первых суровые дядьки не читают хабр. А для того что бы внести что-то в css, нужно очень много иметь авторитета в комьюнити( не в комьюнити хабра), + получить апрув от разработчиков браузеров на внедрение фичи. Т.е для вас: никак, забудьте свои влажные мечты.
    Ответ написан
    2 комментария
  • В каких случаях стоит использовать Next.js?

    Natebash
    @Natebash
    React, Vue, Angular, Navite JS, Python / Node JS
    На этот вопрос стоит отвечать так: надоело ли вам каждый раз с нуля собирать свой react проект.

    Что дает из коробки Next - (вопросы задаются при начальной аналитике проекта)

    Typescript - если нужна типизация?
    React router - роутинг?
    Css modules - скоуп стилей?
    Express - для SSR?
    Helmet - SEO?
    Sharp **-** Нужна генерация webp?

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

    Если мы говорим о "голом" реакте - каждый проект как новый, когда приходишь на проект в поддержку уже существующему, глаза вытекают каждый раз от "новой архитектуры". Именно поэтому горячо люблю Angular, нет постоянного угнетения новыми подходами к разработке софта.
    Ответ написан
    Комментировать
  • Как сделать фоновый цвет на всю страницу?

    Natebash
    @Natebash
    React, Vue, Angular, Navite JS, Python / Node JS
    Body его задать, а весь контент помещать в контейнер и красить уже внутренние блоки в нужный. Задавать цвет блока через before\after - такое себе.
    Ответ написан
    Комментировать
  • Как поставить 2 фоновых изображения вместе?

    Natebash
    @Natebash
    React, Vue, Angular, Navite JS, Python / Node JS
    Это не изображение, это больше похоже на overlay с градиентом(нужно посмотреть в фигме). Если всё таки overlay, то - выравниваете абсолютом и задаете z-index для overlay, а потом еще z-index для текста. В итоге у вас получается многослойный блок.
    Ответ написан
  • Как сделано появления изображения?

    Natebash
    @Natebash
    React, Vue, Angular, Navite JS, Python / Node JS
    lazyload
    Ответ написан
    Комментировать