Фреймер Икс. Решил не изучать Реакт

[ksoftware]

Полжизни я мечтал о рисовании дизайна в коде. Ещё во времена Файрворкса тестил плагины всякие.

Когда анонсировали Фреймер Икс, я очень радовался - это ж оно! Чтобы лучше въехать решил подрастить ножку «Реакт». Стал кое-что делать на Кодскуле.

И вот вышел Фреймер. И вот он - дизайн кодом:

Comments

[rudinandrey]

зачем нужен реакт если есть riot.js я вот все смотрю, смотрю в сторону реакта и не понимаю в чем преимущества?

[aderese]

по факту, хоть react, хоть что riot - будет все равно строчка с дивом и стилями, к чему у Коли как я понимаю, главная претензия.

[rudinandrey]

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

[ksoftware]

Реакт нужен затем, что графический редактор Фреймер понимает только его.

[aderese]

что-то не понял, так а что не так-то?

[ksoftware]

Всё так, просто рисовать и писать код - «не моя» работа.

[alex_tewpin]

Справедливости ради - всю эту простыню, которую генерит Фреймер можно записать значительно короче, например:

const Hello = ({ text = 'Hello World' }) =>
{text};

Hello.propertyControls = { text: { type: ControlType.String, title: 'Text' } };

Кайф программирования в переиспользовании и компоновке готового кода, поэтому размер каких-то базовых вещей - не проблема.

О коде промышленного качества в любом случае можно забыть. Нет абсолютно никакого способа «чисто» интегрировать фреймер в сколь-либо сложный проект. Плюс это оставляет дизайнерам десятки способов что-то сломать. Зато должно быть довольно удобно проектировать всякие сложные анимации-трансформации за счет мгновенной обратной связи. Программисту будет значительно легче их перенести в проект, если они сделаны кодом, а не просто анимированы руками в AE, например. Конечно, все это касается только сайтов, для мобильных приложений в этих танцах вокруг Реакта вообще ноль смысла.

[ksoftware]

Всё равно ужасающе сложный код получается :-)

[alex_tewpin]

Ок, код объявления компонента может показаться сложным. Но его же не надо писать на каждый прямоугольник - один раз компонент сделал и потом переиспользуешь. Например, так:

[oleg_istomin]

Советую и не начинать изучать Реакт и никогда его не трогать и не видеть. Говорю как человек, вляпавшийся в него почти на год. Что-то простое сейчас проще на чистом JS (TS) сделать. Для сложных вещей существуют другие технологии

[ksya]

Sketch2react не пробовали?