Обработка изображений ReactJS — NodeJS

А зачем? В моем примере с фронта и так отправляются сырые данные, причем потоково. Вы же сначала грузите весь файл в память (а что если он весит 10 Гб?), а потом отправляете. На стороне Node.js опять же обрабатываете максимально неэффективно — сохраняете целым куском (stream.write(Buffer.from(req.body), 'utf-8')) и преимущества потоков не используются.

Разбивка на байты могла бы пригодиться для реализации возможности докачки, но есть же file.slice.

Обработка изображений ReactJS — NodeJS

Дополню свой комментарий. Поскольку передаются сырые данные прямо в теле, то для Node.js достаточно (нужно, конечно, еще добавить обработку ошибок и исключений, например, обрыв соединения) выполнить pipe для потоков запроса и файла:

req.pipe(writeFileStream);

Обработка изображений ReactJS — NodeJS

Можно и так:

const url = '/upload-path';
const file = input.files[0];

const xhr = new XMLHttpRequest();
xhr.open('POST', url);
xhr.setRequestHeader('Content-Type', file.type);
// обрабатываем xhr.onload, xhr.onerror
xhr.send(file);

Или через fetch:

fetch(url, {
 method: 'POST',
 headers: {
   'Content-Type': file.type
  },
  body: file
})

Создаем свою CRUD API на Express и MySQL: часть первая

npm i express mysql body-parser --save

Зачем ставить body-parser, если он есть в комплекте с express? Например, вот middleware для обработки json ?

Работаем с аудио: прогресс и визуализация данных

Атрибут dropzone не нужен.

Методы скрытия элементов веб-страниц

@media (min-width: 400px) {
  img[hidden] {
    display: block;
  }
}

Вот так точно не следует делать. Атрибут hidden нужно ставить/удалять с помощью JavaScript.

someDOMElement.hidden = false /* true */

ReactJS, Server Side rendering и некоторые тонкости обработки метатегов страницы

Только Facebook скорее всего использует Relay, а не Apollo.

Нововведения JavaScript ES2020 с простыми примерами

Пишите код текстом, пожалуйста!

5 расширений и тем для VS Code, которые способны изменить жизнь фронтенд-разработчика

Благодаря HTML mirror cursor даже F2 нажимать не надо — просто меняешь название, а оно редактируется как в открывающем теге, так и в закрывающем.

5 расширений и тем для VS Code, которые способны изменить жизнь фронтенд-разработчика

достаточно воспользоваться расширением Auto Rename Tag

Достаточно воспользоваться встроенным функционалом HTML mirror cursor или HTML Rename Tags, или воспользоваться командой опять же встроенного плагина Emmet — Emmet: update tag.

nodejs: менеджеры процессов и ES6-модули

Попробовал еще с модулем esm и конфигом `ecosystem.config.js` для PM2:

module.exports = {
  apps: [
    {
      name: 'PM2 Demo App',
      script: './app.js',
      instances: 4,
      exec_mode: 'cluster',
      node_args: '-r esm'
    }
  ]
}

Логи без ошибок.

nodejs: менеджеры процессов и ES6-модули

Попробовал так (npm run cluster):

{
  "type": "module",
  "scripts": {
    "start": "node --experimental-modules app.js",
    "cluster": "pm2 -i 4 start npm -- run start"
  },
}

Вроде запустилось:

Новая эра веб-разработки или «всё уже есть»

когда сайт рендерится скринридером или тактильным дисплеем.

Скринридер ничего не рендерит, а только читает.

Делаем адаптивную загрузку контента на сайте

Ждем релиза Network Information API во всех мажорных браузерах.

CSS-переход свойства height от 0px до auto

Jake Acrhibald показывает пример, почему нужно 2-а requestAnimationFrame.

Как устроено тестирование фронтенда в Яндекс.Маркете и почему мы отказываемся от еженедельных релизов

Контура

Может, все-таки "Контуры"?

Axios или Fetch: чем пользоваться в 2019 году?

и не может быть отменен

Для этих целей существует Abort Controller, который, к слову, предназначен для отмены любых асинхронных операций. Есть полифилл.

CSS-переход свойства height от 0px до auto

Работу с element.style.height === '0px' я б заменил на работу с каким-нибудь классом, например,

.is-collapsed {
  height: 0;
}

А layout-триггеры можно заменить на requestAnimationFrame (но с небольшим кроссбраузерным хаком):

function onSchedule(fn) {
  /* да, здесь два requestAnimationFrame */     
  requestAnimationFrame(function() {
    requestAnimationFrame(function() {
      fn();
    });
  });
}

Полный пример — https://jsfiddle.net/95tnmdyr/

«Шакал»: сжимаем фронтенд

По поводу npm-пакета. Почему стандартный модуль zlib указан в зависимостях? Также в zlib есть поддержка brotli, начиная, если не путаю, с node 11. Так что утилиту можно было бы разработать полностью без зависимостей.

Как CSS Grid меняет представление о структурировании контента

Можете уточнить, в чем проблема при таких условиях?