Pull to refresh
12
0
Никита Чураков @Nikita_Churakov

Lead в Yandex. Ex-Lead в Сбер

Send message

Module Federation в Webpack 5, плагин для обмена модулями между Javascript приложениями, описание и пример

Reading time4 min
Views46K
В пятой версии сборщика Webpack появился набор плагинов для обмена модулями между Javascript приложениями.

Эта статья — краткое описание и пример на основе двух небольших приложений построенных на фреймворке ReactJS.

Плагин Module Federation позволяет приложению экспортировать один или несколько модулей в отдельный JS файл. Отличный способ строить микрофронтенд приложения. Сторонние приложения могут импортировать себе готовые модули, это могут быть например реакт компоненты. Причём, импорт зависимостей Webpack берёт на себя. Отличие от NPM в том, что импорт в runtime.
Читать дальше →
Total votes 4: ↑4 and ↓0+4
Comments4

Использование Effector в стеке React + TypeScript

Reading time12 min
Views47K

В этой статье я поделюсь своим кратким обзором внедрения стейт-менеджера Effector в продуктовый проект на стеке React + TypeScript, а также покажу на примере, как легко это можно сделать.

Читать далее
Total votes 48: ↑47 and ↓1+52
Comments44

Canvas & SVG: работаем с графикой

Reading time8 min
Views33K
В HTML5 представлено два элемента для работы с web графикой: Canvas и SVG. Две эти технологии достаточно сильно отличаются друг от друга. Важно знать об их преимуществах и недостатках, чтобы выбрать наиболее подходящую для конкретной задачи технологию. Элемент SVG позволяет создавать векторную графику, а элемент Canvas предназначен для создания растровых изображений. Элемент Сanvas также используется технологией WebGL для аппаратного ускорения 3D-графики.
Читать дальше →
Total votes 6: ↑5 and ↓1+4
Comments5

SAFe или Scaled Agile Framework

Reading time5 min
Views116K

Что такое SAFe?


Что такое Agile многие знают. Еще большее количество людей, причастных к IT используют терминологию. Еще больше тех, кто слышал об Agile.


Далеко не все, кто уверенно использует термин Agile для общения, критики, для того; чтобы представить свою комманду или компанию в лучшем свете понимают, например, в чем отличие между SCRUM и Agile; и часто ставят между этими двумя разными понятиями знак равенства. Но вот не так давно в 2015 году появился еще и SAFe. Что это и зачем он нужен?

Читать дальше →
Total votes 14: ↑13 and ↓1+12
Comments9

Настройка webpack 5 [bonus] React Hot Reloading

Reading time8 min
Views38K

Базовая настройка webpack 5 + настройка для разработки на React (вкл. React Hot Reloading).

Что, зачем и почему?

Что? Webpack - сборщик модулей для JavaScript. Является одним из мощнейших инструментов современной веб-разработки.

Зачем? Webpack позволяет комфортно создавать приложения по модульной структуре, он собирает все модули в один бандл и минифицирует его. Но это лишь поверхностное описание возможностей этого инструмента, на деле вебпак имеет значительно больше возможностей.

Почему? Вам теперь больше нет необходимости беспокоится о сборке проекта, один раз настроил webpack и он все будет делать за вас!
P.S. Ну, или не один раз.
P.S.S. Ладно, точно не один раз.

Читать далее
Total votes 4: ↑3 and ↓1+3
Comments7

Grafana как еще один инструмент для технического мониторинга создаваемых нами программных продуктов

Reading time7 min
Views257K

Очередная статья в серии «Инструменты мониторинга Logicify» рассказывает о Grafana. Это программное средство мы используем для визуализации и анализа данных как внутренних, так и внешних проектов. Статья может быть полезна техническим директорам, разработчикам, DevOps, системным администраторам, менеджерам проектов, а также всем заинтересованным лицам.


image

Читать дальше →
Total votes 24: ↑21 and ↓3+18
Comments7

Из рутины в приятный процесс: что такое бэклог продукта и как им управлять?

Reading time5 min
Views189K
Менеджеры продукта и его собственники не могут не уделять серьезного внимания продуктовому бэклогу. Не только для облегчения планирования релизов и итераций, но и для оптимизации всего жизненного цикла продукта, над которым намерена работать команда.

image
Читать дальше →
Total votes 7: ↑7 and ↓0+7
Comments2

Как мы потеряли 54 000 звёзд на GitHub

Reading time7 min
Views37K

К старту курса по Fullstack-разработке на Python рассказываем о том, как один из самых популярных репозиториев GitHub лишился десятков тысяч своих звёзд, а также о том, как помочь пользователям ваших решений избегать подобных ситуаций.

Читать далее
Total votes 54: ↑42 and ↓12+48
Comments58

Знаете, что больше всего выдает в вас низкоквалифицированного программиста?

Reading time6 min
Views92K

Желание неукоснительно придерживаться ТЗ при недостигнутых задачах бизнеса.

Этот тезис больно ударит по вашему самолюбию, если вы привыкли к уровню обслуживания «нет в ТЗ – идите мимо». Тем не менее, если вы хотя бы чуть-чуть поменяете свое мнение в сторону большей клиентоориентированности, то сможете понять, о чем я.

Знаю-знаю, вы – крутой программист и тут же возразите мне – а что же, я должен предвидеть все, что нужно бизнесу? Должен догадаться, чего хочет заказчик? Бесконечно реализовывать его странные хотелки?

А имеете ли вы моральное право задавать такие вопросы? Проверьте, что из этого списка вы сделали для этого:

Читать далее
Total votes 101: ↑63 and ↓38+42
Comments207

Профессиональная контейнеризация Node.js-приложений с помощью Docker

Reading time10 min
Views67K
Автор материала, перевод которого мы публикуем сегодня, работает DevOps-инженером. Он говорит, что ему приходится пользоваться Docker. В частности, эта платформа для управления контейнерами применяется на разных этапах жизненного цикла Node.js-приложений. Использование Docker, технологии, которая, в последнее время, является чрезвычайно популярной, позволяет оптимизировать процесс разработки и вывода в продакшн Node.js-проектов.

image

Сейчас мы публикуем цикл статей о Docker, предназначенных для тех, кто хочет освоить эту платформу для её использования в самых разных ситуациях. Этот же материал сосредоточен, в основном, на профессиональном применении Docker в Node.js-разработке.
Читать дальше →
Total votes 42: ↑34 and ↓8+26
Comments25

TypeScript: Раскладываем tsconfig по полочкам. Часть 1

Reading time10 min
Views88K

В данной статье я хочу предоставить переработанную и упорядоченную выжимку документации по настройке tsconfig.json, которая, я уверен, будет полезна тем, кто только начинает свой путь в мире TypeScript или тем, кто до этого момента не нашёл времени и сил, чтобы разобраться в деталях и теперь хочет закрыть этот пробел.

Читать далее
Total votes 26: ↑25 and ↓1+28
Comments4

SVG или canvas?

Reading time7 min
Views31K


SVG и canvas — это технологии, которые можно использовать для рисования чего-либо на веб-страницах. Поэтому их стоит сравнить и разобраться в том, когда стоит применять SVG, а когда — canvas. Даже весьма поверхностное понимание сути этих технологий позволяет сделать вполне осознанный выбор. Собственно говоря, вот — две типичных ситуации, в одной из которых стоит предпочесть SVG, а в другой — canvas:

  • Нужно нарисовать небольшую иконку? Это, безусловно, территория SVG.
  • Нужно создать интерактивную браузерную игру? Тут, определённо, нужна технология canvas.

Автор статьи, перевод которой мы сегодня публикуем, говорит, что знает о том, что пока не раскрыл причины такого выбора. Но он надеется, что эти причины станут совершенно очевидными после того, как он поделится некоторыми подробностями об SVG и canvas.
Читать дальше →
Total votes 50: ↑45 and ↓5+40
Comments11

Повышаем производительность в компонентах-функциях React с помощью React.memo ()

Reading time7 min
Views35K
Представляем вам перевод статьи Chidume Nnamdi, которая была опубликована на blog.bitsrc.io. Если вы хотите узнать, как избежать лишнего рендера и чем полезны новые инструменты в React, добро пожаловать под кат.

Читать дальше →
Total votes 17: ↑14 and ↓3+11
Comments11

Руководство по аутентификации в Node.js без passport.js и сторонних сервисов

Reading time8 min
Views62K
Автор статьи, перевод которой мы сегодня публикуем, говорит, что сейчас можно наблюдать рост популярности таких сервисов аутентификации, как Google Firebase Authentication, AWS Cognito и Auth0. Индустриальным стандартом стали универсальные решения наподобие passport.js. Но, учитывая сложившуюся ситуацию, обычным явлением стало то, что разработчики никогда в полной мере не понимают того, какие именно механизмы принимают участие в работе систем аутентификации.

Этот материал посвящён проблеме организации аутентификации пользователей в среде Node.js. В нём на практическом примере рассмотрена организация регистрации пользователей в системе и организация их входа в систему. Здесь будут подняты такие вопросы, как работа с технологией JWT и имперсонация пользователей.



Кроме того, обратите внимание на этот GitHub-репозиторий, в котором содержится код Node.js-проекта, некоторые примеры из которого приведены в этой статье. Этот репозиторий вы можете использовать в качестве основы для собственных экспериментов.
Читать дальше →
Total votes 31: ↑28 and ↓3+25
Comments9

Собеседование наоборот: Альфа-Банк, Иннотех, РТ Лабс, ALM Works, Simbirsoft

Reading time23 min
Views13K

В марте на Хабр Карьере завершилась неделя фронтендеров. Карьерная неделя — это что-то вроде дня открытых дверей, который длится всю неделю. В этот раз в битве за сердца фронтендеров сошлись пять компаний: Альфа Банк,  РТ ЛабсALM Works, Иннотех и Simbirsoft

В конце недели специалисты могли задать свои вопросы представителям компаний-работодателей. Мы выбрали самые интересные из тех, что не успели обсудить на круглом столе, и отправили спикерам. 

Обсуждали трудоустройство, релокацию, систему грейдов, технологии и многое другое. А в самом конце спикеры рассказали о своем старте в IT и поделились материалами, которые будет полезно почитать фронтендерам. 

Читать далее
Total votes 16: ↑16 and ↓0+16
Comments3

Кто такой хороший QA?

Reading time8 min
Views114K

Начнем с того, что в народе всех quality assurance инженеров (“по-нашенски”, инженеров отдела качества) обзывают тестировщиками. Это не совсем правильно, в реальности тестирование — это только часть задач QA, но кого бы это волновало. Поэтому пойдем в общем тренде и будем использовать привычное всем погоняло.

Итак, что же определяет хорошего тестировщика? Не будем опускаться до банальностей и говорить: внимательность, усидчивость, терпение, любопытство, талант все ломать и другую чепуху. Это все, конечно, важно, но не главное. В первую очередь у человека должно присутствовать чувство здравого смысла и ответственности.
Читать дальше →
Total votes 15: ↑14 and ↓1+19
Comments40

Поиск и получение работы в Норвегии

Reading time9 min
Views55K
И снова здравствуйте!

Итак, я приехал в Норвегию, мне предстояло проучиться два года в магистратуре. Как я уже сообщил, финансирование у меня было только на полгода, потом продлили ещё на полгода, а потом пришлись финансировать себя самому. Поэтому кроме поиска работы по специальности был актуален вопрос поиска работы во время учёбы. О своём опыте поиска различных работ я и расскажу.
Читать дальше →
Total votes 49: ↑46 and ↓3+43
Comments42

Программист ты или кто?

Reading time4 min
Views40K

В марте 2022 года Telegram обогнал WhatsApp по объему трафика в России. Стоит отметить, что второе после ВКонтакте гениальное детище Павла Валерьевича Дурова множит своих адептов с каждым прожитым днем. Функциональность всеми любимой «телеги» расширяется в геометрической прогрессии. Собственно, это и натолкнуло на вопрос, в чем секрет успеха того или иного технологического проекта? Что в основе, гений создателя или мастерство команды? Должен ли босс уметь кодить, учитывая тот факт, что Дуров, например, по образованию филолог. Справедливости ради стоит отметить, что, еще будучи студентом, тот создал массу довольно любопытных интернет-проектов.

Читать далее
Total votes 35: ↑23 and ↓12+13
Comments24

FileSystem API&File API: разбираемся и используем

Reading time14 min
Views95K
HTML5 Powered with Performance & Integration, and Offline & Storage
В данной статье я хочу рассмотреть FileSystem API и File API, разобраться с его методами и показать пару полезных штук. Эта статья является компиляцией материалов с html5rocks (1, 2, 3). Все представленные ниже демки можно посмотреть по первым двум ссылкам. Третья ссылка так же предлагает ряд интересных демо. Ну а теперь займемся изучением материала.
Читать дальше →
Total votes 95: ↑92 and ↓3+89
Comments35

В чём разница Smoke, Sanity, Regression, Re-test и как их различать?

Reading time5 min
Views401K


Оригинал. Перевод разбавлен размышлениями и дополнениями автора из своего опыта

О чём это всё


Будучи инженером по тестированию, вы, вероятно, слышали о таких видах тестирования как «дымовое» (smoke), «санитарное тестирование» (sanity), «ре-тест» и регрессионное тестирование. Вполне возможно, многие из этих видов используются вами на ежедневной основе.

В этой статье я хотел бы внести ясность и объяснить разницу между этими видами тестирования и попробовать разобраться, провести границы (хоть и условные) где заканчивается один вид тестирования, и начинается другой.
Читать дальше →
Total votes 24: ↑22 and ↓2+20
Comments13

Information

Rating
Does not participate
Location
Москва, Москва и Московская обл., Россия
Works in
Registered
Activity