Ребята, у кого-нибудь есть опыт построения композитного UI? Типа такого

Здравствуйте, кто нибудь из здесь присутсвующих имеет опыт разделенного фронта?

он же Composite User Interface

<form onSubmit={this.handleFormSubmit}> <div className="radio"> <label> <input type="radio" value="option1" checked={this.state.selectedOption === 'option1'} onChange={this.handleOptionChange} /> Option 1 </label> </div> <div className="radio"> <label> <input type="radio" value="option2" checked={this.state.selectedOption === 'option2'} onChange={this.handleOptionChange} /> Option 2 </label> </div> <div className="radio"> <label> <input type="radio" value="option3" checked={this.state.selectedOption === 'option3'} onChange={this.handleOptionChange} /> Option 3 </label> </div> <button className="btn btn-default" type="submit">Save</button> </form> Никто не сталкивался с тем что не работают радио кнопки?

они не чекаются

почему сговорилиись?

<form onSubmit={this.handleFormSubmit}> <div className="radio"> <label> <input type="radio" value="option1" checked={this.state.selectedOption === 'option1'} onChange={this.handleOptionChange} /> Option 1 </label> </div> <div className="radio"> <label> <input type="radio" value="option2" checked={this.state.selectedOption === 'option2'} onChange={this.handleOptionChange} /> Option 2 </label> </div> <div className="radio"> <label> <input type="radio" value="option3" checked={this.state.selectedOption === 'option3'} onChange={this.handleOptionChange} /> Option 3 </label> </div> <button className="btn btn-default" type="submit">Save</button> </form> Никто не сталкивался с тем что не работают радио кнопки?

Зачем ты принес сюда простыню? gist.github.com

челики с моей работы вас уже достали??)))

челики с моей работы вас уже достали??)))

Так это несколькими сообщениями выше)

я только пришёл))

а этот

он вообще сладкий хлеб есть

его не слушайте

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

Парни, есть компонент А у которого есть функция А1 и есть компонент Б, который импортирует комп А. Как мне вызвать функцию А1 из компонента Б? (Функция меняет Стейт А)

есть решения, ну лучше поднять стейт А в Б

Насколько мне известно это callback функция, передаётся как параметр компоненту Б, откуда и вызывается. В интернете достаточно информации. Но желательно избегать подобного при react + redux

Насколько мне известно это callback функция, передаётся как параметр компоненту Б, откуда и вызывается. В интернете достаточно информации. Но желательно избегать подобного при react + redux

так наоборот, Б рисует A, как я понял

Да, перечитал, я не прав.

так наоборот, Б рисует A, как я понял

Спасибо.

так наоборот, Б рисует A, как я понял

Да. Можно ли без редакса обойтись?

Да. Можно ли без редакса обойтись?

ну да, я же сказал, можно поднять стейт из A в B

это самое каноничное решение

Нет конечно, пихай его везде (:

Ну если будет большой проект то стейт лучше виносить

Всем здравствовать. Подскажите, пожалуйста, как вот это написать лучше? if (value) { const new = 1 } else { const new = 2 }

Хочется const new = if (value) { 1 } else { 2 }

let

Тернарный оператор?

Да и причем тут реакт?

Хочется const new = if (value) { 1 } else { 2 }

загугли yate, там так можно))

или тернарный

Там длинные значения - 1 и 2 для примера

тернарный не получится

Тернарный оператор?

+++

строка выйдет больше 120 символов

const foo = condition ? 1 : 2

Выглядит инопланетно)

Наверное по стилю кода загнут такое решение

Хотя мне нравится запись)

Хочется const new = if (value) { 1 } else { 2 }

пиши на расте

@ZeroBias а какой будет кондишн тогда для if value truthy ? !!value ?

Извините ребята, просто столкнулся с этим вопросом в коде на реакт-фреймворке, поэтому сюда и спросил автоматом

строка выйдет больше 120 символов

можешь в скобках написать

ребят, на проектах отвалился react-redux после установки пакетов, либа пустая в node_modules) это массовый характер сейчас имеет или у меня что-то произошло?

@ZeroBias а какой будет кондишн тогда для if value truthy ? !!value ?

Я придерживаюсь мнения что выше единственный валидный способ использования тернарников, и если твой кейс не подходит — то просто не юзать их)

Всем здравствовать. Подскажите, пожалуйста, как вот это написать лучше? if (value) { const new = 1 } else { const new = 2 }

четыре подхода есть 1. мой нелюбимый let new; if (value) { new = 1; } else { new = 2; } 2. иногда приемлемо const new = value ? 1 : 2; 3. лучший имхо function getOneOrTwo(value) { if (value) { return 1; } else { return 2; } } const new = getOneOrTwo(value); 4. через do-notation бабель-плагин по пропосалу const new = do { if (value) { 1 } else { 2 } };

Я вторые кондишны опускаю, else опционален с return

То есть } else if { сокращается до просто последовательных кейсов

но выглядит неоч, потому я оставляю return, чтобы внешне каждая ветка была и имела завершение, если ты про else return

бывают кейсы, когда я тоже убираю, типа гарды

if (p1) return v1; if (p2) return v2; const v3 = ...; return v3;

но это не часто

бывают кейсы, когда я тоже убираю, типа гарды

Ну да, типа того

let new = switch(val).case(a).case(b).default(c)

Omae

let new = switch(val).case(a).case(b).default(c)

Не получится с такими ключевыми словами

левое расширение кана благодарю, сохраню на будущее)

изи

252:28 error '?' should be placed at the end of the line operator-linebreak 253:28 error ':' should be placed at the end of the line operator-linebreak

Не получится с такими ключевыми словами

все норм

252:28 error '?' should be placed at the end of the line operator-linebreak 253:28 error ':' should be placed at the end of the line operator-linebreak

покажи код

252:28 error '?' should be placed at the end of the line operator-linebreak 253:28 error ':' should be placed at the end of the line operator-linebreak

Там это правило надо затюнить, чтобы эти два оператора были в начале строки

а без кириллицы?

а, это линтер

да, ругается

тогда только твой нелюбимый способ?)

пфф

оО шта эта?!

дойчланд?

синтетический сахар

Господа может кто сталкивался с композитным фронт эндом

)))

чот жесть)))

Господа может кто сталкивался с композитным фронт эндом

да, безусловно) берёшь ext.js и радуешься "композитности")

прекол в том что мы от него ушли

прекол в том что мы от него ушли

правильно сделали

зачем вам композитный фронт?

у вас что? тонна микросервисов?

да тонна)

да тонна)

ну сталкивался…к сожалению

и тонна компонентов на странице

это че атомик?

поделишься опытом?

когда на федеральное правительство работал…пришлось писать это дерьмо