Статьи / Закладки / Профиль comerc / Хабр

Andrew Ka @comerc

#кодеротбога

ПрофильСтатьи71ПостыНовостиКомментарии821

ru_vds 3 мая 2018 в 08:05

9 полезных приёмов для тех, кто программирует на JavaScript

4 мин

38K

Блог компании RUVDS.comВеб-разработка*JavaScript*

Перевод

Автор материала, перевод которого мы сегодня публикуем, рассказывает о девяти полезных приёмах работы, которые могут пригодиться JavaScript-программисту. Он говорит о том, что эти приёмы позволяют экономить время, и о том, что ими пользуются профессионалы.

Читать дальше →

+28

as94 6 мая 2018 в 09:34

Логирование как способ отлаживать код

4 мин

51K

Анализ и проектирование систем*Отладка*Программирование*Тестирование IT-систем*

Из песочницы

Почему так важно запретить самому себе отладку руками?

Когда вы отлаживаете программу, то вы, сами того не осознавая, думаете что за один отладочный сеанс исправите все проблемы, возникшие в рамках этой задачи. Но наша недальновидность не хочет верить в то, что на самом деле там не одна проблема, а несколько. И за один отладочный сеанс не получится решить все эти проблемы.

Поэтому вам надо будет несколько раз запускать этот код в отладочном режиме, проводя часы отладки над одним и тем же куском кода. И это только вы один столько времени потратили над этой частью программы. Каждый член команды, кому «посчастливится» работать с этим кодом, будет вынужден прожить ту же самую историю, которую прожили вы.

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

Читать дальше →

+26

ru_vds 7 мая 2018 в 08:38

Расширения для VS Code и программирование на JavaScript

6 мин

63K

Блог компании RUVDS.comJavaScript*Веб-разработка*

Перевод

Одно из важнейших условий для продуктивной работы веб-программиста — хорошо настроенный редактор кода. Один из них — опенсорсный универсальный редактор Visual Studio Code, который замечателен не только тем, что он бесплатен, но и тем, как много полезного он умеет сразу после установки и минимальной настройки. Если речь идёт о том, чтобы использовать VS Code в какой-то конкретной сфере, вроде разработки на JavaScript, обычно стоит дополнить его несколькими расширениями, которые повышают производительность труда и упрощают жизнь программиста. Вокруг VS Code сложилось активное сообщество разработчиков расширений. Эти расширения легко искать и ещё легче устанавливать.

В материале, перевод которого мы сегодня публикуем, речь пойдёт о расширениях для VS Code, которые пригодятся тем, кто пишет на JS. Тут стоит отметить, что в деле выбора расширений для VS Code немалую роль играют личные предпочтения программиста. В результате можно сказать, что расширения, о которых пойдёт здесь речь, не являются абсолютно необходимыми. Не стоит рассматривать их как нечто, что обязательно нужно устанавливать и использовать. Обзавестись тем или иным расширением стоит лишь в том случае, если вам оно понравилось, и вы полагаете, что вам оно точно пригодится.

Читать дальше →

+23

avessal0m 7 мая 2018 в 14:09

Можно ли осознанно отказаться от функционального программирования?

6 мин

19K

Блог компании Райффайзен БанкФункциональное программирование*ООП*

Перевод

Функциональное программирование пронизывает большую часть основного мира программирования — экосистема JavaScript, Linq для C#, даже функции высокого порядка в Java. Так выглядит Java в 2018-м:

getUserName(users, user -> user.getUserName());

Функциональное программирование настолько полезно и удобно, что, насколько я вижу, проникло во все современные распространённые языки.

Но не всё так радужно. Многие разработчики сопротивляются этому тектоническому сдвигу в нашем подходе к ПО. Честно говоря, сегодня трудно найти работу, связанную с JavaScript, которая не требует знания концепций ФП.

Читать дальше →

+20

113

afiskon 19 апр 2018 в 13:00

Что нового в PostgreSQL 11: встроенный веб-поиск

2 мин

20K

Блог компании Postgres ProfessionalPostgreSQL*

Продолжая тему интересных возможностей грядущего релиза PostgreSQL 11, я хотел бы рассказать про новую встроенную функцию websearch_to_tsquery. Соответствующий патч разработали Виктор Дробный и Дмитрий Иванов, с правками от Федора Сигаева. Давайте же разберемся, что реализовано в этом патче.

Читать дальше →

+67

maxfarseer 30 мар 2018 в 09:05

Вышел React v.16.3.0

5 мин

18K

JavaScript*ReactJS*

Перевод

Несколько дней назад, мы написали пост о приближающихся изменениях в наших lifecycle-методах, где также затронули стратегию постепенной миграции (обновления). В React 16.3.0 мы добавили несколько новых lifecycle-методов для помощи в этой миграции. Мы также предоставили новое API для давно ожидаемых новшеств: официальное context API, ref forwarding API и ergonomic ref API.

Читать дальше →

+14

xnim 29 мар 2018 в 08:48

Keys in React. Готовим правильно

15 мин

79K

Блог компании hh.ruJavaScript*ReactJS*

Туториал

Сегодня поговорим об атрибуте key в React. Часто разработчики, которые только начинают использовать React, не придают большого значения атрибуту key. А зря…

Что говорит уточка, когда узнала, что ты не используешь key

Чтобы представить работу ключей полностью и с различными кейсами, рассмотрим план:

Reconciliation
Реиспользование ключей и нормализация
Использование key при рендере одного элемента
Работа с ключами при передаче компоненту children

+33

drfisher 11 апр 2018 в 07:00

Генерация страниц сайта средствами сервис-воркеров

12 мин

19K

Блог компании VKВеб-разработка*JavaScript*HTML*

Туториал

(С)

Из этой статьи вы узнаете, как прямо на мобильном устройстве, в браузере, создать страницу со списком закэшированных ранее материалов сайта, чтобы условный, застрявший в лифте пользователь, не скучал без интернета. По мере приближения к цели мы коснемся следующих тем:

кэширование страниц сайта для офлайн доступа;
ведение учета страниц, доступных офлайн, проброс необходимых данных;
мониторинг статуса сети, онлайн или офлайн;
общение сервис-воркера со страницами и вкладками, которые он обслуживает;
перехват сервис-воркером запроса на открытие адреса /offline/ и генерирование новой страницы прямо на устройстве, без запроса к серверу.

Если тема сервис-воркеров и Progressive Web Apps (PWA) для вас новая, то перед чтением этой статьи необходимо познакомиться с ними поближе.

Меня зовут Рыбин Павел, я работаю во фронтенд-разработке Медиапроектов Mail.Ru Group. Это руководство мне помогали писать грабли, набитые шишки и подводные камни, попавшиеся мне при реализации PWA для мобильной версии Авто Mail.Ru.

В тексте будут встречаться небольшие примеры кода, иллюстрирующие рассказ. Расширенную же демо-версию можно посмотреть на GitHub.

Читать дальше →

+39

inomdzhon92 2 апр 2018 в 12:58

Ограничение длины текста через градиент

7 мин

17K

Блог компании Space307CSS*Работа с векторной графикой*Веб-разработка*

Рассмотрим создание эффекта ухода текста в прозрачность как альтернативу обрезания текста многоточием.

Читать дальше →

+25

ru_vds 12 фев 2018 в 09:02

Новшества React 16.3(.0-alpha)

6 мин

18K

Блог компании RUVDS.comВеб-разработка*ReactJS*

Перевод

React 16.3-alpha опубликован в npm, его уже можно загружать и использовать. Сегодня мы поговорим о самых крупных и интересных нововведениях этого релиза. В частности, речь пойдёт об API Context, о новых методах жизненного цикла, о статическом методе getDerivedStateFromProps, о компонентах StrictMode и AsyncMode, а также об обновлённых инструментах разработчика React.

+26

ru_vds 15 фев 2018 в 09:08

Ответы на распространённые вопросы о шаблоне render prop

5 мин

5.2K

Блог компании RUVDS.comВеб-разработка*ReactJS*

Перевод

Кент С. Доддс, автор материала, перевод которого мы публикуем сегодня, говорит, что недавно группа программистов, с которыми он должен был провести тренинг по React, заинтересовалась шаблоном «render props», который ещё называют шаблоном «функция как потомок» (в разных публикациях его упоминают как «children as a function» или «function as child»). Документация по React определяет «render prop» как простую технику передачи кода между компонентами React с использованием свойства, значением которого является функция. Компонент, использующий render prop, принимает функцию, которая возвращает элемент React. Этот компонент вызывает данную функцию вместо реализации собственной логики рендеринга. Кент рекомендует тем, кто не знаком с шаблоном render prop, почитать этот материал и посмотреть это видео, а потом уже читать дальше.

Читать дальше →

+12

ru_vds 20 фев 2018 в 09:02

Immer: новый подход к иммутабельности в JavaScript

9 мин

24K

Блог компании RUVDS.comJavaScript*Веб-разработка*

Перевод

Иммутабельные структуры данных, реализующие методику совместного использования неизменяемых фрагментов информации (structural sharing), выглядят как отличная технология для хранения состояния приложения. Особенно — в комбинации с архитектурой, основанной на событиях. Однако за всё надо платить. В языке вроде JavaScript, где возможности по обеспечению иммутабельности не являются стандартными, создание нового состояния из предыдущего — это скучная, шаблонная задача. Для того чтобы осознать масштаб проблемы, и силы, брошенные на её решение, взгляните на эту страницу, где имеется список из 67 пакетов, предназначенных для упрощения работы с иммутабельными структурами данных в Redux.

К сожалению, все эти библиотеки не решают основную проблему: отсутствие поддержки иммутабельности языком. Например, в то время как update-in — это красивая конструкция языка ClojureScript, любые аналогичные идеи, реализованные на JavaScript, будут, в основном, полагаться на неудобные строковые пути. Такой подход подвержен ошибкам, он усложняет проверку типов и требует изучения особого API.

Как решить проблему иммутабельности в JavaScript? Пожалуй, стоит прекратить сражаться с языком, воспользовавшись вместо этого его возможностями. Такой подход позволит не терять удобство и простоту, которые дают стандартные структуры данных. Собственно говоря, библиотека immer, о которой мы сегодня поговорим, направлена то, чтобы использовать стандартные средства JS при работе с иммутабельными состояниями.

Читать дальше →

+22

PaulMaly 14 фев 2018 в 15:34

Разработка изоморфного RealWorld приложения с SSR и Progressive Enhancement. Часть 1 — Введение и выбор стека

10 мин

10K

HTML*JavaScript*Node.JS*Клиентская оптимизация*Веб-разработка*

Туториал

Весной 2017 года Eric Simons, со-основатель учебного проекта Thinkster, анонсировал проект «RealWorld» — демо приложение и спецификация к нему. Проект объявил своей целью выйти за рамки привычных «todo»-демок для более прикладного сравнения и изучения возможностей различных фреймворков и технологий, а также подходов к разработке и способов решения задач.

Читать дальше →

+10

kashey 6 мар 2018 в 00:35

Как я написал самую быструю функцию мемоизации

6 мин

28K

JavaScript*ReactJS*Клиентская оптимизация*Ненормальное программирование*

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

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

Но начнем с простого — что же это за слово такое странно — «мемоизация».

Читать дальше →

+35

mediasoft 12 мар 2018 в 15:51

Разработка высоконагруженного WebSocket-сервиса

10 мин

65K

Elixir/Phoenix*SQL*Программирование*Функциональное программирование*

Из песочницы

Как создать веб-сервис, который будет взаимодействовать с пользователями в реальном времени, поддерживая при этом несколько сотен тысяч коннектов одновременно?

Всем привет, меня зовут Андрей Клюев, я разработчик. Недавно я столкнулся с такой задачей – создать интерактивный сервис, где пользователь может получать быстрые бонусы за свои действия. Дело осложнялось тем, что в проекте были довольно высокие требования по нагрузке, а сроки были крайне невелики.

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

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

Читать дальше →

+35

gobwas 28 июн 2017 в 10:03

Миллион WebSocket и Go

11 мин

102K

Блог компании VKGo*Высоконагруженные системы*Веб-разработка*

Привет всем! Меня зовут Сергей Камардин, я программист команды Почты Mail.Ru.

Это статья о том, как мы разработали высоконагруженный WebSocket-сервер на Go.

Если тема WebSocket вам близка, но Go — не совсем, надеюсь, статья все равно покажется вам интересной с точки зрения идей и приемов оптимизации.

Читать дальше →

+111

HUJG 15 мар 2018 в 07:15

Разбираемся в redux-saga: От генераторов действий к сагам

9 мин

210K

Веб-разработка*ReactJS*JavaScript*

Туториал

Перевод

Любой redux разработчик расскажет вам, что одной из самых тяжелейших частей разработки приложений являются асинхронные вызовы — как вы будете обрабатывать реквесты, таймауты и другие коллбэки без усложнения redux действий(actions) и редьюсеров(reducers).

В этой статье я опишу несколько различных подходов к управлению асинхронностью в вашем приложении, начиная от простых подходов как redux-thunk, заканчивая более продвинутыми библиотеками вроде redux-saga.

Читать дальше →

+11

ru_vds 19 мар 2018 в 11:14

[в закладки] Инструменты JS-разработчика, на которые стоит обратить внимание

10 мин

22K

Блог компании RUVDS.comВеб-разработка*Тестирование веб-сервисов*Node.JS*JavaScript*

Перевод

Программист Трэвис Фишер, перевод статьи которого мы публикуем сегодня, решил рассказать о самых полезных, с его точки зрения, модулях и вспомогательных инструментах для JS-разработки. Полезными он считает технологии, которыми пользуется постоянно и в ценности которых убедился на собственном опыте. В частности, речь пойдёт о библиотеках и утилитах, предназначенных для серверной и клиентской разработки на JavaScript. Трэвис говорит, что не стремился к тому, чтобы включить в свой материал нечто узкоспециализированное, или сделать что-то вроде очередного awesome-списка, которые сами по себе весьма полезны, но обычно оказываются несколько перегруженными. Здесь речь пойдёт лишь о том, самом лучшем, что он с полной уверенностью может порекомендовать другим.

Читать дальше →

+24

kyoumur 19 мар 2018 в 08:03

Как мы общаемся с React-компонентами при помощи декораторов в TypeScript

5 мин

6.7K

Блог компании DocsvisionВеб-разработка*TypeScript*JavaScript*

При разработке приложений на React довольно неудобно создавать независимые друг от друга компоненты, т.к. стандартным способом для обмена данными между ними является "Lifting State Up". Этот подход постепенно загрязняет ненужными свойствами промежуточные компоненты, делая их неудобными для повторного использования.

Наиболее популярными средствами решения этой проблемы (и некоторых других) являются такие библиотеки как Redux и Mobx, позволяющие хранить данные в отдельном месте и передавать их компонентам напрямую. В этой статье я хочу продемонстрировать наш подход к решению данного вопроса.

Читать дальше →

+11

olegbunin 19 янв 2018 в 21:08

СТО: мечты сбываются? И другие доклады для тимлидов с HighLoad++

6 мин

13K

Блог компании Конференции Олега Бунина (Онтико)КонференцииУправление персоналом*Управление проектами*Управление разработкой*

Продолжаем обзор самых популярных докладов HighLoad++ 2017 по тематике тимлидерства. В этой части мы расскажем о выступлениях для уже состоявшихся руководителей — в первую очередь о движении из тимлида на более высокие посты. Ну и немного поговорим о психологии.

+13

1 2

4 5 6 7 8