на сервере нужно будет распарсить

https://github.com/expressjs/multer

как пример

На клиенте через formdata можно?

Append

ага

Ну все, теперь дело пойдёт

??

А подскажи как лучше картинки хранить, оригинал и миниатюры или лучше оригинал а потом при запросе нужный размер отдавать?

зависит от скейла. на небольшом скейле можно ресайзить+кешировать и отдавать

на большом такое уже не прокатит :)

Ну как бы я для себя делаю как хобби. Но стараюсь делать как правильно, то есть, при сохранении на сервере создавать миниатюры?

твиттер ресайзит а через N времени удаляет миниатюры

когда твит ушел в историю

вроде 20 дней постчитали

если для хобби, то не важно.. основная проблема в том что если хранишь оригинал + 100x100

так что да, зависит от проекта

когда меняется дизайн и нужно 120x120

приходится расайзить все :)

ну или как твитте

делать долгий кеш

Эх, сколько же много тонкостей

поэтому всегда начинай с того что проще и работает

и когда появится проблема со скейлом, начинай смотреть на мелочи :)

Спс

@dmitriiabramov некоторые решения могут покалечить, например не хранить оригиналы :)

так что о чем-то нужно задуматься

@dmitriiabramov некоторые решения могут покалечить, например не хранить оригиналы :)

хаха :) ну совсем думать переставать конечно не нужно

)))

но думать слишком много это тоже проблема

У node.js с отдачей статики нет проблем, или лучше на nginx перевести

@dmitriiabramov о, а у тебя есть что сказать по поводу https://www.facebook.com/groups/moscowjs/permalink/1206065032751729/

Хм тогда не ясно как ресайзить на лету

ресайз происходит или при сохранении, или при запросе, если в кеше нет, в первом случае отдавать уже через nginx можно, так как путь до файла уже есть, во втором нужно нодой готовить картинку

Ок

Спс

Буду делать

Как сделать несколько бандлов (один язык = один бандл) правильней? loader, plugins?

entry: { 'default': [ './react-app/index.jsx?locale=en-US', Есть какая-то возможность в index.jsx подхватить query?

хотя вот это же работает webpack-hot-middleware/client?path=http://0.0.0.0:8080

if (__resourceQuery) { var querystring = require('querystring'); var overrides = querystring.parse(__resourceQuery.slice(1));

Прекрасно

Нихуя не понял. Ладно.

Во, можно ещё: expose?__I18N_LOCALE__!./i18n/en_US.json

а почему не через ENV_VAR какой-нить?

require('./i18n/' + process.env['LOCALE'] + '.js') ?

DefinePlugin обработает модули до резолв?

ну это же в конфиге вебпака? (уебищно, да =)

нет вроде

но я бы проверил

Вроде тоже нет, хотя может и да

нужен конфиг к конфигу.

config fatigue ?

@dmitriiabramov о, а у тебя есть что сказать по поводу https://www.facebook.com/groups/moscowjs/permalink/1206065032751729/

ну главный сайт это монстр сшитый из 1000 кусков :)

@DenisIzmaylov https://github.com/perchlayer/po-loader чекни примеры, может что полезное выдернешь

юзали этот лодер кстати

@DenisIzmaylov а что не require.ensure?

entry: { 'default': [ './react-app/index.jsx', './scss/all.scss' ], 'default-en_US': [ 'expose?i18n!./i18n/locales/en-us.json', './react-app/index.jsx', './scss/all.scss' ], вроде работает

а как ensure применить для этого?

необходимо SSR + SPA

т.е. догружать ещё один JS чё-то не хочется

@DenisIzmaylov https://github.com/perchlayer/po-loader чекни примеры, может что полезное выдернешь

? норм

https://webpack.github.io/docs/api-in-modules.html

^^ А если у тебя будет 50 языков, ты будешь 50 entry point обявлять? ;)

да ;)

https://github.com/browniefed/react-webpack-empty-starter/blob/master/make-webpack-config.js

как только люди не извращаются :)

Паш, я у этой банды научился =)

Только en-us это плохо. Тексты у тебя для en все одиныковые, а вот локали меняют форматирование (дат, чисел) Так что тексты в en, а настройки Intl уже подгоняются под локаль пользователя. Чтобы у всех en-US en-GB en-AU, были теже английские тексты но с разным форматированием

Спасибо

И не надо ограничивать себя json, используй стандартный js, там всякое может творится. Например,подставлятся дополнительные тексты от бекенда во время сборки или пишутся специфические для intl правила eslint

Всегда можно съехать при необходимости, но я скорее вижу то, что перевод будет браться во время сборки из БД

А куда копнуть за локалями Intl?

https://github.com/yahoo/react-intl

вроде их явно не задаёт

http://formatjs.io/guides/basic-i18n/

Ну и с Intl играться, react-intl его использует внутри // US English uses month-day-year order console.log(new Intl.DateTimeFormat('en-US').format(date)); // → "12/19/2012" // British English uses day-month-year order console.log(new Intl.DateTimeFormat('en-GB').format(date)); // → "20/12/2012"

^^ А если у тебя будет 50 языков, ты будешь 50 entry point обявлять? ;)

FYI в Facebook 10000 билдов JS (инфа 2016) за счёт таких вот веселых комбинаций

Я не говор про билды, а говорю про способ задания конфига. Нужно уметь просто задавать сборщику массив из языков, а не копи-пастить entry-points)

Понял, да

Как для webpack это сделать?

Себастьян недавно писал, что у них куча говнокода там в фб

Они поэтому и опенсорсить начали

поэтому многое не опенсорс

Чтобы в порядок приводить начать

Они поэтому и опенсорсить начали

Генерировать конфиг вебпака на лету, исходя из человекочитаемого общего конфига проекта. Плюс всякие плюшки типа генерации итоговых скриптов для каждого языка паралелльно, используюя все ядра процессора Начни с одного etry-point и меняй его вместе с любыми другими параметрами конфига на лету

Как для webpack это сделать?

^^ Это был ответ к этому

Я сейчас вижу такой процесс: 1. babel-plugin-react-intl извлекает сообщения в директорию src/i18n/messages 2. сборщик накладывает существующую локализацию поверх каждого перевода, чтобы было понятно, что ещё не переведено (в будущем - работа через внешний веб-сервис) 2. в webpack-конфиге функция проходит все файлы перевода и добавляет entry

Я помимо умножения бандла на языки еще и умножаю на два: для современных браузеров с поддержкой es6 и для остальных. Соответсовенно, разные настройки бабел-лоадера и externals. Все это делается динамически с использованием фермы (чтобы загрузить все ядра). Чтобы в итоге получить что-то типа app.en.js, app.en.compatible.js, app.fr.js, app.rf.compatible.js, etc.

Ты компилируешь отдельно для топовых?

Да, в деве с hmr для каждого и в проде.

А как все ядра процессора загружаешь?

> Начни с одного etry-point и меняй его вместе с любыми другими параметрами конфига на лету По другому и не рассматривали - пример он и был для того пример. :)

В деве тот-же принцип - каждый webpack-dev-server для каждого былда сидит на отдельном процессе, паралелльно, так что все доступно сразу, с какгого браузера не зайди. Изначально я это делал в прошлом году чтобы не использовать sourcemap - это ускоряет сборку и hmr раза в два