Или речь именно о том, что люди не могут осилить настрлйку вебпака/браузкрифай/вотевер чтоб JSX работал?

jsx треш. hyperscript - one love

Opinions, opinions.

Вопрос вообще не про то, хорош ли jsx был, mind you.

jsx треш. hyperscript - one love

hyperscript - это тот, который три года не обновлялся?

шта? это концепция, такая же как и jsx. пакет для реакта вполне себе живой https://github.com/jador/react-hyperscript-helpers

Доброе утро чатик, хотел узнать не встречали ли вы какие абстракции над redux, позволяющие генерировать crud экшены и автоматически фетчить данные + селектор? Или что-то похожее, мне нужно придумать как сделать так что бы даже джун рельсовик смог пилить формочки и таблички -_-

Ууууу

Пытались мы такое делать.

лол, jsx это не дополнительный язык? который надо еще научиться транспилировать

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

А что мешает джуну освоить redux? Воткните ему thunk, там особо ебаться не надо. И пускай сам crud делает.

Пытались мы такое делать.

))

Мы остановились на наборе хелперов

Ну это не решает проблему, которую выше описали.

Я к тому, что мб генерация экшенов не очень подойдет, а хелперы могут

Ну вообще да, в принципе.

Надо выпускать в опенсорс.

В actions у нас просто функции, которые “генерируют” экшены

Я не помню, почему тут ребята используют return data, какая-то причина была

Но если бы не использовали, то было бы ещё проще

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

Мы тоже проходили такую проблему, решили не делать middleware или какой-то фетчер, а сделали набор хелперов. Это гибче — если в каком-то локальном кейсе нужно что-то помимо дефолтного поведения, то экшен легко расширяется.

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

вчера написал небольшую абстракцию const Module = db.connect('affiliates').use(db.crud);и декоратор Module.connect()

Экшен легко расширили, но при этом updateElementSucceeded используем и поведение то же самое

В редьюсерах тоже сделали хелперы

Там вообще огонь

пфф, жесть у вас)

export const list = apiAction('categories.api.list', { schema: schemas.categoriesCollection, request: (query = {}) => api.get('categories', { query }) });

вот так было у нас, и это для них сложно...

И сразу переписывать всё, когда нужно что-то добавить

Проходили 3 раза, знаем

вот так было у нас, и это для них сложно...

И они правы

Поправил редьюсер, чтобы в одном стиле было

Много бойлерплейта, который так и хочется спрятать за абстракцию

Но нет, спасибо)

@Misaka где у нас используется первый фетчер?

Я думаю что у вас примерно теже яйца что и у нас только с боку)) у нас в кишках редюс выглядит так const result = createReducer(handlers, { ...reducers.initialState, ...additionalState }); // attach reducers for known actions (crud) if (fetch) result.on(fetch, reducers.load); if (list) result.on(list, reducers.list); if (update) result.on(update, reducers.load); if (create) result.on(create, reducers.load); if (destroy) result.on(destroy, reducers.destroy());

Ну да, говорю же, один в один проблема

Мы решили через хелперы, потому что абстракция это не гибко

Наш опыт это подтверждает (у нас 3 фронта, один из которых джуниор, плюс я как продакт раз в полгода могу внести на выходных asap)

Твой опыт, в общем-то, тоже это подтверждает)

@Misaka где у нас используется первый фетчер?

В сделках был. Й

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

Мы построили свой фреймворк чтобы не юзать фреймворк? ?

У нас? У нас не фреймворк

https://www.youtube.com/watch?v=Wm2h0cbvsw8

В сделках был. Й

Мы его выпилили, к счастью

А, нет

У нас такое было

Удобная абстракция

Для того, кто её написал, но не для всех остальных)

После того, как я со своим 5-летним опытом во фронте не смог добавить одно поле за час чистого времени, я заставил переписать

Получилось ещё лучше

отсутствие абстракции лучше, чем плохая абстракция, где-то доклад даже был на эту тему https://www.youtube.com/watch?v=4anAwXYqLG8 (с середины где-то)

this

Всем привет, подскажите такая ошибка: getInitialState was defined on Auth, a plain JavaScript class. This is only supported for classes created using React.createClass. Did you mean to define a state property instead?

Как решить проблему на Es6 нашел, но как это написать на coffee пока не пойму

конструктор пиши

и в нем @state={...}

ERROR: S client not available

кофе с jsx? ого

конструктор пиши

constructor из es6 классов

в кофе есть конструкторы

кофе еще жив?

Получилось, спасибо)

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

а super не просит вызвать?

нет

а почему он умер, вроде как много кто пишет на нем

косвенно решил потому что был только один пример работы с реактом через кофе, все остальные на es6

в доках и блог-постах

Ну да. Когда язык не работает с какой-то технологией, он же умер.

тут согласен, примеров с кофе очень мало

надо же откуда-то копипастить ведь

надо же откуда-то копипастить ведь

а то! хотя вот без jsx еще меньше примеров, но он слишком невыносим

Вкусовщина. Я например не могу выносить вот такие извращения.

никогда не доверял людям, которые не выносят jsx

Кофе мертв уже как три года, просто остались те кто с этим не смирился и рельсовики. Вот например issue про es6 import висит с 2013 года) https://github.com/jashkenas/coffeescript/issues/3162

ребят, подскажите, самый оптимальный способ рендера, если ты фуллстек дев - initial render на серве, все остальное - просто json присылается и ты с ним уже работаешь, производишь рендер на клиент сайде?

никогда не доверял людям, которые не выносят jsx

почему, если не секрет?

Добрый всем денек. Подскажите плиз, есть какая-то возможность, на продакшене, выпилить все console.log через webpack?

uglify: drop_console

UglifyPlugin

почему, если не секрет?

сугубо имхо и зная про все эти альтернативы, включая и ангуляр и коффе и тысячи шаблонизаторов jsx пмсм оптимален

uglify: drop_console

так? new webpack.optimize.UglifyJsPlugin({ compress: {warnings: false}, uglify: 'drop_console', })

ребят, подскажите, самый оптимальный способ рендера, если ты фуллстек дев - initial render на серве, все остальное - просто json присылается и ты с ним уже работаешь, производишь рендер на клиент сайде?

Так это ты должен подсказать, раз фуллстек

просто drop_console: true

В рендере validateError читается, но при попытке изменить его в SigIn никакой реакции

сугубо имхо и зная про все эти альтернативы, включая и ангуляр и коффе и тысячи шаблонизаторов jsx пмсм оптимален

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