gram news
Аватар канала maxpfrontend

maxpfrontend

@maxpfrontend

Это канал о фронтенде. Сайт: http://bit.ly/react-ru (есть расписание) VK: http://bit.ly/vk-react YouTube: http://bit.ly/react-youtube (записи вебинаров и стримов) Twitch: http://bit.ly/react-twitch (

1,567подписчиков

Открыть канал

Последние посты

  • maxpfrontend

    24 февр., 09:06

    Приветствую, вышел State Of React 2025 Приятно видеть, что библиотека zod продолжает свой путь к олимпу https://2025.stateofreact.com/en-US/other-tools/#validation Практически все, что делает ваш код строже я люблю по умолчанию, а в эру AI стал любить еще больше.
    StateofreactState of React 2025: Other ToolsThe 2025 edition of the annual survey about the latest trends in the React ecosystem.
  • maxpfrontend

    13 февр., 09:26

    👋 Приветствую всех наблюдателей, за тем как AI пишет код. Будущее наступило и количество кода, которое я пишу в ручную стремится к нулю.Хочу обратить ваше внимание на новый подход, а именно “думайте широко”. Прошли те времена, когда вы не знали Docker или git, пишите агенту и смотрите на результаты.➡️ Пример: я хочу чтобы ты отредактировал мой докер файл, чтобы я мог запустить две кодовые базы, одну с мастер ветки, а другую с коммита ХХХ, я хочу чтобы node_modules был актуальный с этих веток (он различается), я хочу чтобы приложение было запущено на порту 5001 и 5002, я хочу сравнить результат в браузере, так как на мастере есть баг, а в своей ветке я его исправил.Реально ли запустить две разных кодовых базы? Вполне, для этого агент вам предложит git workspace, а затем предложит вам длинную докер команду, чтобы все
    1,41041123Открыть в Telegram
  • maxpfrontend

    25 апр. 2025 г., 09:35

    Меня часто спрашивают… Многие из вас писали мне в личку…🚫 Ха-ха. У меня знатно подгорает от таких вступлений. Никто меня не спрашивал, но повод с вами поговорить наконец-то нашелся. В данный момент есть в работе приложение “Книга Мертвых”, которое является обычным справочником (CRUD), либо если бы продать подороже можно сказать - делаю CRM/Backoffice, что тоже в целом правда, так как в приложении уже есть поддержка логов действия пользователей: кто что добавил, когда и тд тп.Из интересного, приложение делаю на 🧪 Elixir + Phoenix. И бэкэнд и фронтенд. Да, шок для самого себя: бэкэнд на новом языке (elixir), база данных postgresql, модель-вьюха-контроллер, тесты… По фронтенду пока не решено, либо останется Феникс, либо бэкэнд будет отдавать json и фронт напишу на Elm. В данный момент Phoenix отдает html, то есть сервер-сайд рендеринг.Приложение
  • maxpfrontend

    6 нояб. 2023 г., 10:34

    Статья про повышение зарплаты готова: https://habr.com/ru/articles/767760/ , буду рад положительной реакции на хабре! Всем 💰
    ХабрКак frontend-специалисту повысить зарплатуПривет, username-айтишник. Сегодня хочу поделиться с тобой опытом о том, как улучшить свое материальное положение. Приведу практические примеры, чтобы выделяться среди миллиона других статей. Для...
  • maxpfrontend

    27 сент. 2023 г., 11:47

    Привет, коллеги.Многие из вас, кто когда-то читал мои учебники уже давно выросли и я, надеюсь, вы на позиции middle/senior. Я хочу рассказать и показать на конкретных примерах, как можно повысить свою зарплату. Как всегда, я ничего не прячу под спойлеры. Мы поговорим о метриках, так как без цифр шансы на повышение ниже, о доступных сценариях: sentry/datadog ошибки, тестирование, нагрузочное тестирование api, уменьшение платежей за сервисы, которые вы используете (например github, про aws, к сожалению, не расскажу, лучше пообщаться на эту тему с devops). Зацепим и софт скилы: сходить помочь с переездом или посетить корпоративный футбол. Если хотите сделать встречу интереснее - пройдите опрос (там всего три вопроса).📄 https://forms.gle/SL76YwTES49ovf7E6До связи!
    4,2803782Открыть в Telegram
  • maxpfrontend

    13 мая 2022 г., 07:17

    Добавил реакции, и обсуждения. Должно работать! Всех с пятницей и до связи.
    6,260548111Открыть в Telegram
  • maxpfrontend

    13 мая 2022 г., 07:14

    Вторая партия - пушка-бомба wallaby.js На первом скрине - оба теста зеленые, на втором я заменил ожидаемый текст и сразу же покраснело. В реал-тайме! Это как test:watch только все интегрировано в VS Code, плюс есть дополнительные плюшки. Утилита еще в стадии теста, но уже есть ощущения магии.
    Иллюстрация к посту канала maxpfrontendИллюстрация к посту канала maxpfrontendИллюстрация к посту канала maxpfrontend
  • maxpfrontend

    13 мая 2022 г., 07:12

    Первая партия - это интеграции для PR. Здесь - sonarcloud про качество кода (test coverage report - jest, баги/ошибки - eslint и что-то свое от sonarcloud). Затем size-limit и lighthouse с говорящими за себя названиями.
    Иллюстрация к посту канала maxpfrontendИллюстрация к посту канала maxpfrontendИллюстрация к посту канала maxpfrontendИллюстрация к посту канала maxpfrontend
  • maxpfrontend

    13 мая 2022 г., 07:08

    👋 Привет, в данный момент мы перевозим часть легаси кода на AntD (design system), плюс внедряем React-query. Попутно, приходится почитывать про хуки, нашли интересную обертку для http запросов - ky (например, вы знали что нативный fetch не выбрасывает exception если статус не 200? В итоге react-query не хочет из коробки показывать error кейс. Axios или ky, например, по умолчанию уже делают throw error для не 200 ответов, редирект не в счет).🧪С тестами стало гораздо веселе работать в связке react-testing-library + msw (для мока запросов), и плюс wallaby.js (для более быстрого отклика от тестов; еще тестирую, но выглядит изумительно. Есть подозрения, что на большой кодовой базе умрет, но у нас микросервисы, пока что летает). Для поддержки качества кода, я разобрался и настроил на проекте sonarcloud, мне это дало пару пинков в сторону лучшего покрытия тестами. Так же, у нас есть пара
  • maxpfrontend

    17 февр. 2022 г., 07:30

    Опубликованы результаты опроса среди js разработчиков https://2021.stateofjs.com/en-US/что посмотреть: - как сделан сайт с результатами (графики огонь) - что популярно? (svelte идет уверенной дорогой) - как ангуляр теряет в графе “satisfaction”, но при этом все еще очень популярный
    StateofjsThe State of JS 2021The 2021 edition of the annual survey about the latest trends in the JavaScript ecosystem.
  • maxpfrontend

    22 окт. 2021 г., 11:38

    Всем привет, готовлю материал по тестированию... Наткнулся на отличный гайд по unit-тестам в js, но на англ - https://github.com/mawrkus/js-unit-testing-guide
    GitHubGitHub - mawrkus/js-unit-testing-guide:📙 A guide to unit testing in Javascript. Contribute to mawrkus/js-unit-testing-guide development by creating an account on GitHub.
  • maxpfrontend

    14 июн. 2021 г., 13:41изменён

    Всем привет, мы ищем коллегу уровня middle+ / seniorОписание вакансии здесь (там же форма для заявки), но я могу его перефразировать и немного рассказать о нас.Что мы делаем? Продаем онлайн-букинг. Например, у вас есть ателье, вы покупаете нашу систему, и теперь у ваших клиентов есть возможность забронировать встречу онлайн, а у вас календарь событий, касса и прочее. Клиентов много, менеджмент сильный.⚙️ По тех.стэку: - бэк: ruby, elixir. - фронт: js/ts, react (redux, redux-loop, redux-saga, react-hooks), elm (0.18, 0.19)На фронте микросервисы, поэтому сверху перечислен зоопарк подходов и технологий. То есть, у нас много мини-приложений, которые работают с разным набором библиотек. Есть даже react 0.14 и без redux, в то же время есть свежие приложения с последним реактом и хуками.👷‍♂️ Что предстоит делать? - пилить новые фичи (предпочтительно typescript+react, elm под
    shore.onapply.deFrontend Engineer - Booking & Marketing (f/m/d) - München, Germany | Berlin, Germany - Shore GmbHFrontend Engineer - Booking & Marketing (f/m/d) - Shore GmbH - München, Germany | Berlin, Germany
  • maxpfrontend

    6 мая 2021 г., 08:02изменён

    Вообще, jest вижу на сегодня почти как стандарт в индустрии юнит тестирования. Не обязательно его использовать с react. Плюсы - отличная документация, большие возможности Минусы - слишком жирный 🙂 тесты запускаются медленно, но прогоняются быстро.Конкретно в данный момент, пишу тесты на jest для работы с датами (у нас legacy библиотека, известная всем кто работал с датами - moment).пример теста:describe(Group by ${GroupByPeriod.DAY}, () => { it(dayOfYear 68 (2021-03-09), () => { const pickerRange = { startsAtUTC: '2021-03-08T21:00:00.000Z', endsAtUTC: '2021-05-05T20:59:59.999Z', }; const p = { ...params, payload: { employeeId: 'employee-1', period: GroupByPeriod.DAY, startsAt: '2021-03-09',
  • maxpfrontend

    6 мая 2021 г., 07:58

    Удобный cheatsheet для jest - https://devhints.io/jest
  • maxpfrontend

    3 мая 2021 г., 11:10изменён

    Привет, сегодня наткнулся на старую книгу по webpack, которую обновляют! В онлайне бесплатно, поэтому если вам скучно и хочется разобраться с webpack 5 (на англ, разумеется) - https://survivejs.com/webpack/foreword/а так же maintance: https://survivejs.com/maintenance/preface/ и про react https://survivejs.com/react/introduction/ (еще не обновлено на свежий релиз как в случае с webpack)
  • maxpfrontend

    13 янв. 2021 г., 12:09

    Подвели итоги State of JS 2020 - https://2020.stateofjs.com/ru-RU/
    StateofjsState of JS 2020Ежегодный опрос о последних тенденциях в экосистеме JavaScript.
  • maxpfrontend

    1 янв. 2021 г., 18:57

    Мне очень нравится честность этого проекта (js ninja). Вы посмотрите сами (там гугл док по ссылке курса), ребята берут группы с ревью всего 48 человек, а с zoom созвонов - всего 12!И с новым годом всех! 🎄
  • maxpfrontend

    1 янв. 2021 г., 18:55

    переслано из @jsninja_news

    Коллеги, период зимней ковидной и постковидной спячки проекта JavaScript.ninja успешно завершен. Мы полны сил и энергии, чего и Вам желаем.И начинаем нашу зимнюю серию курсов с набора на базовый курс. Все детали и тестовое задание можно найти по адресу http://javascript.ninja
  • maxpfrontend

    1 янв. 2021 г., 18:55

    Базовый курс по JS! Налетай, пока есть места (платно).
  • maxpfrontend

    22 дек. 2020 г., 14:31изменён

    Так, телега тут не дает нормально все в одном сообщении указать. Суть: - релиз первой таблицы уже близок - вторую таблицу я делал на 90% следуя подсказам в терминале, это реальное “вау”, которое перевешивают непопулярность Elm.ну и главное, посмотрим на GraphQL, который можно использовать хоть с react, хоть с чем угодно.Будем смотреть реальный (не идеальный, разумеется) код 🤫