первый стейдж @ можно в продакшн

именно так и делаю one(two(three(ClassName))) а лучше compone(one, two, three)(ClassName)

чем лучше второй вариант? тем, что есть одна функция для смешивания?

стэк экономится

ну как бы да one(param)(two(param,param)(three(param, whoo)(ClassName))) или compose(one(param), two(param, param), three(param, whoo))(ClassName)

?

Сегодня спрашивал про тему одну, но не могу ее применить. В общем есть 2 приложения на react-redux. Один генерирует файл config.json на сервере, а второй его должен подобрать. Как это сделать? Имя файла второе приложение заранее знает.

а насколько большими можеть быть стейт объект приложения с редакс. Везде в уроках используется всего на пару строк для примера. начинаешь учить, что то писать и он разрастается разрастается, а где предел? есть ли примеры стейта большого приложения. Просто объект поглазеть

Большой стейт собирается из кучи мелких

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

а насколько большими можеть быть стейт объект приложения с редакс. Везде в уроках используется всего на пару строк для примера. начинаешь учить, что то писать и он разрастается разрастается, а где предел? есть ли примеры стейта большого приложения. Просто объект поглазеть

Вопрос не в размере объекта, а том как часто обновляются его элементы, хоть при каждом чихе ты и создаешь новый стейт ты не делаешь deep clone, то есть не измененные объекты остаются прежними

получается мне надо подгружать лоты только тогда, когда мне надо их отобразить?

В корзине можно было массив айди хранить

я вот не реакт программист, но все же задам вопрос. Это норм для стейтов юзать normalizr или надо просто уметь стейты проектировать нормально?

2

нормально, но как по мне immutable лучше)

нормально, но как по мне immutable лучше)

+

Иммутейбл не нужен

В корзине можно было массив айди хранить

я так и делаю

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

почему? ведь иммутабельные штуки быстрее копируются

и можно сделать поверхностную проверку на изменение состояния

ну... и да и нет, имьютабл имеет много методов мутации из коробки, просто мне не зашел addons-update, а писать { ...s, item: { ...s.item, value: ''}} слишком жутко

https://hackernoon.com/avoiding-accidental-complexity-when-structuring-your-app-state-6e6d22ad5e2a#.fcc9joacj – про normalizr тоже упоминает чел

проше return s.setIn(['item', 'value'], '')

с нормалайзером надо схемы писать, а мне лениво -_-

а еще есть линзы, но это не новость over, lens, prop, lensProp в ramda

Есть несколько статей по линзам http://blog.csssr.ru/2016/07/08/lenses/

Люди, есть у кого-то свои работы, которые он пилил с редаксом? Хочу на живых примерах посмотреть

и разобрать код

все настолько хреново получается, что стыдно показывать (:

Сегодня спрашивал про тему одну, но не могу ее применить. В общем есть 2 приложения на react-redux. Один генерирует файл config.json на сервере, а второй его должен подобрать. Как это сделать? Имя файла второе приложение заранее знает.

наверное нужно инжектить в window или забирать фетчем

Есть несколько статей по линзам http://blog.csssr.ru/2016/07/08/lenses/

есть ещё несколько статей https://twitter.com/iamstarkov/status/753353847578370048

только добрался посмотреть что там с реакт роутером 4 версии я правильно понял что теперь в любом месте пишем Match и нет единого конфига?

Да

окей, если кто имел опыт, как с ним делать code splitting по роутам?

{ path: '/', name: 'home', getComponent(nextState, cb) { const importModules = Promise.all([ System.import('containers/HomePage/reducer'), System.import('containers/HomePage/sagas'), System.import('containers/HomePage'), ]); const renderRoute = loadModule(cb); importModules.then(([reducer, sagas, component]) => { injectReducer('home', reducer.default); injectSagas(sagas.default); renderRoute(component); }); importModules.catch(errorLoading); }, } что-то подобное, это для 3

и есть ли существенные недостатки\баги, ибо все выглядит заманчиво

ребзи, react devtools для сафари есть?

читайте комменты тут - https://github.com/facebook/react-devtools/issues/67#issuecomment-103217591

возможно, поможет https://github.com/facebook/react-devtools/commit/d3b52777e143eee737a65995ecbbd32fa75e7d14

наверное нужно инжектить в window или забирать фетчем

Я что-то запутался. А фетчем забирать на сервере нужно?

Я что-то запутался. А фетчем забирать на сервере нужно?

Для первого раза и инжектить в window

Таким образом загрузка страницы будет происходить моментально

ERROR: S client not available

ребят, а есть чаты по ботам и AI?

Всем привет! Подскажите в чём косяк. В компоненте пишу import logo from './img/sidebar/logo.png' <img src={logo}/> в вебпаке юзаю урл-лоадер { test: /\.png$/, loader: 'url-loader?limit=10000&mimetype=image/png' }, Но при запуске ругается \node_modules\babel-core\lib\transformation\file\index.js:600 SyntaxError:(...)src/components/Sidebar/img/sidebar/logo.png: Unexpected character '�' (1:0)

Кодировка

У тебя там есть bom

в картинке?

в картинке?

хм действительно

какой версии вебпак?

"webpack": "^1.13.3"

вроде все ок скорее всего ошибка где-то в другом месте конфига

https://habrahabr.ru/post/309958/

вот отсюда брал конфиг

global.Promise = require('bluebird'); const webpack = require('webpack'); const path = require('path'); const ExtractTextPlugin = require('extract-text-webpack-plugin'); const publicPath = '/public/assets/'; const cssName = 'styles.css'; const jsName = 'bundle.js'; const plugins = [ new webpack.DefinePlugin({ 'process.env': { NODE_ENV: JSON.stringify(process.env.NODE_ENV || 'development') } }), new ExtractTextPlugin(cssName) ]; module.exports = { entry: ['babel-polyfill', './src/client.js'], debug: true, resolve: { root: path.join(__dirname, 'src'), modulesDirectories: ['node_modules'], extensions: ['', '.js', '.jsx'] }, plugins, output: { path: `${__dirname}/public/assets/`, filename: jsName, publicPath }, module: { loaders: [ { test: /\.css$/, loader: ExtractTextPlugin.extract('style-loader', 'css-loader!postcss-loader') }, { test: /\.less$/, loader: ExtractTextPlugin.extract('style-loader', 'css-loader!postcss-loader!less-loader') }, {test: /\.gif$/, loader: 'url-loader?limit=10000&mimetype=image/gif'}, {test: /\.jpg$/, loader: 'url-loader?limit=10000&mimetype=image/jpg'}, {test: /\.png$/, loader: 'url-loader?limit=10000&mimetype=image/png'}, {test: /\.svg/, loader: 'url-loader?limit=26000&mimetype=image/svg+xml'}, {test: /\.(woff|woff2|ttf|eot)/, loader: 'url-loader?limit=1'}, { test: /\.jsx?$/, loader: 'babel!eslint-loader', exclude: [/node_modules/, /public/] }, {test: /\.json$/, loader: 'json-loader'}, ] }, devtool: 'source-map', devServer: { headers: {'Access-Control-Allow-Origin': '*'} }, eslint: {configFile: '.eslintrc'} };

вот так проще

Возможна ли несовместимость приложения или отдельных компонентов с React Native, и, если да, то что на это влияет? Или достаточно просто прописать в конфиге вебпака alias: { 'react-native': 'react-native-web' }?

Всем привет! Подскажите в чём косяк. В компоненте пишу import logo from './img/sidebar/logo.png' <img src={logo}/> в вебпаке юзаю урл-лоадер { test: /\.png$/, loader: 'url-loader?limit=10000&mimetype=image/png' }, Но при запуске ругается \node_modules\babel-core\lib\transformation\file\index.js:600 SyntaxError:(...)src/components/Sidebar/img/sidebar/logo.png: Unexpected character '�' (1:0)

Причём интересно, что на живую, то хот лоадером всё подгружается. Как только выключить devserver и nodemon и попробовать заново включить, то вот тогда уже ошибка

Привет всем.

скрипты запуска такие: "nodemon": "set NODE_PATH=./src; && nodemon server.js", "webpack-devserver": "webpack-dev-server --debug --hot --devtool eval-source-map --output-pathinfo --watch --colors --inline --content-base public --port 8050 --host 0.0.0.0"

вот отсюда брал конфиг

возможно где-то перенос или UTF BOM

возможно где-то перенос или UTF BOM

Я переписал заново сам и норм :)

судя по Unexpected character '�'

редактор может добавлять bom