1. какая-то больная тема которую никто нормально не реализовал 2. еще одна больная тема 3. шото новое и непонятное, не юзали, но хочется послушать, как с этим живут остальные 4. тесты)

Ну и людим делающие админки для криптостартапов, поняли, что они не одни такие, все это делают :))))

“админки для криптостартапов” тренды меняются, а тема формошлепства актуальна всегда

кстать по поводу админок и их интернализаций

https://github.com/marmelab/admin-on-rest

годная штука, но для реакта, фреймворк для создания админок

Не сыпь соль на рану, вот только встал из-за работы над графиком курса валют, хитрая анимация на D3.js с твином по масивам разной величины для отрисовки транзишина SVG графика. Голова взрывается :)

Не сыпь соль на рану, вот только встал из-за работы над графиком курса валют, хитрая анимация на D3.js с твином по масивам разной величины для отрисовки транзишина SVG графика. Голова взрывается :)

Как я это ненавижу

я походу не всю боль фронтенда познал(

Как я это ненавижу

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

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

а разве нету фреймворков для этого всего ?

а, это же вью

а, это же вью

D3 же

ну поверх д3

Причём тут вью

с анимациями

Я графики на d3 рисую, но вот нужно было сделать примерно такую анимацию. http://blockbuilder.org/Kcnarf/8854eacb4843a33e21688ee3f54c314d

1

вот от убера

https://uber.github.io/react-vis/examples/showcases/plots

уже с анимашками и тд

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

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

d3 отличный инстурмент, на нем можно сделать все что мне нужно. Речь о другом, о том, что кажущаяся на референсе простой анимация иногда очень сложна в анимации.

у него порог входа высокий довольно

http://recharts.org/#/en-US/examples/BiaxialLineChart

я вот такое юзал если надо с анимацией

Вот к примеру сейчас нужно было делать транцишин между двумя графиками, так что бы точки гарфика двегались только в вертикальной плоскости. При этому данные первого графика и второго отличаются и по количеству показаний и по диапазонам. Что это реализовать, тебе нужно написать кастомную tween функцию, которая в зависимости от начальных данных, конечных данных и времени, строила SVG path, который нужно отображать в текущий момент транзишина.

а потом еще и адаптивно это сделать ?)

Это ж SVG там из коробки все адаптивно :)

у него порог входа высокий довольно

Да, я тоже долго с ним разбирался. По нему куча документации, но очень мало где грамотно объяснены основным принципы и парадигмы на которых построена либа. Они при этому вообще не очевидны, и достаточно сильно отличаются от других библиотек, как минимум, с которыми я сталкивался.

касательно i18n кто как делает простую двуязычность интерфейса без перевода контента? сейчас на не-спа бекенде просто есть файлы xliff, которые парсит symfony translator и затем по ключу шаблонизатор через фильтр trans подставляет значение для текущей локали я где-то видел аналогичную реализацию для vue (вроде как обертка над агностичной i18n-либой), но теперь не могу найти

Да, я тоже долго с ним разбирался. По нему куча документации, но очень мало где грамотно объяснены основным принципы и парадигмы на которых построена либа. Они при этому вообще не очевидны, и достаточно сильно отличаются от других библиотек, как минимум, с которыми я сталкивался.

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

Пока принцип enter-update-exit не поймешь, можно с ума сойти :)

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

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

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

ты про этот плагин? https://github.com/kazupon/vue-i18n

не, не он этот ищется сходу а там был еще доступен отдельный ui (опционально, как отдельный npm модуль) для переводов

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

Вот сколько не искал, а бальной либы для line chart + zoom + горизонтальный скроллинг я не нашел

просто у меня сейчас так в старой версии и заказчик (из Нидерландов) периодически переводит то, что я на английском наваял

Вот сколько не искал, а бальной либы для line chart + zoom + горизонтальный скроллинг я не нашел

я видел где-то у убера такое

https://uber.github.io/react-vis/examples/charts/zoomable-chart

а скролинг думаю

не так уж и сложно подкрутить

https://laracasts.com/series/testing-vue

https://uber.github.io/react-vis/examples/charts/zoomable-chart

не, не то

https://i.redd.it/zq2yjloecf901.jpg

https://i.redd.it/zq2yjloecf901.jpg

Аж на аву поставлю

Аж на аву поставлю

ток надо подрезать и увеличить имхо, а то ниче не видно

https://i.redd.it/zq2yjloecf901.jpg

это переход после жиквери

https://i.redd.it/kjg060r7ra101.png

приветы

у меня стиль прописан через -

is-active

если рендерить через :style = { is-active: true }, то выдает ошибку

как обойти?

может :class? )

:style="[is-active ? 'some class' : '']"

тьфу, конечно class

вообщем нужно обернуть в одинарные кавычки название класса с дефисом

:class="{className: isActive}"

:class="{className: isActive}"

у меня так не хочет

если is-active прописать isActive, то он так его и рендерит

: поставил? isActive это флаг, он его никак не рендерит)

соответственно класс is-active в css есть, а isActive нету

да, забиндил

тут просто не дописал

а, ну тогда :class="{is-active: bool}"

проблема в том что в названии класса дефис есть

закавычь)

ну дык я и закавычил :)

кавычки похоже единственный вариант

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

какое то костыльное решение

ну все оборачивай, если уж используешь дефисы)

ключ объекта - стандартное поведение. либо js переменная, либо строка закавыченная

это не я использую это css фрейморк :)

не переписывать же его с нуля из-за дефисов

омг)