Оффтоп: Подскажите, с помощью какого сервиса можно строить такие псевдо-интерактивные UML диаграммы? https://bespoyasov.ru/img/notes/tzlvt-architecture.svg

Когда-то игрался с http://www.nomnoml.com/ Но вопрос сильно размыт (что в конечном итоге хочется получить)

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

Да, там дока у них есть. Тебе просто нужно экспортить в нужном формате данные и прогонять через либу.

https://github.com/skanaar/nomnoml

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

https://twitter.com/bobuk/status/636252417089212416

Спасибо (нихуя не понятно)

Спасибо (нихуя не понятно)

https://github.com/skanaar/nomnoml

Привет, есть вопрос, нужно ли уметь верстать и хорошо пользоваться CSS чтобы работать с реактом?

Привет, есть вопрос, нужно ли уметь верстать и хорошо пользоваться CSS чтобы работать с реактом?

Привет, есть вопрос, нужно ли уметь верстать и хорошо пользоваться CSS чтобы работать с реактом?

Нужно уметь верстать что бы быть фронтендером

Ну с этим можно поспорить, конечно, такие знания лишними не будут, но я вот обхожусь пока без них

а в реакте есть что-то наподобии рендер функций как на вью? что-то в доке не вижу

Слухайте, так reshadow - это бомба для написания библиотеки: стили можно препроцесить как обычно, но оставлять их в JS. Получается бандлер не нужен (для загрузки css) пользователю библиотеки и рантайма при этом практически нет!

Слухайте, так reshadow - это бомба для написания библиотеки: стили можно препроцесить как обычно, но оставлять их в JS. Получается бандлер не нужен (для загрузки css) пользователю библиотеки и рантайма при этом практически нет!

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

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

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

Кек, просто передаешь функцию в пропы или в children

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

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

То есть бабель один фиг придется использовать, или я что-то не понимаю

мне вот такое нужно https://ru.vuejs.org/v2/guide/render-function.html#%D0%9F%D0%BE%D0%BB%D0%BD%D1%8B%D0%B9-%D0%BF%D1%80%D0%B8%D0%BC%D0%B5%D1%80

Слухайте, так reshadow - это бомба для написания библиотеки: стили можно препроцесить как обычно, но оставлять их в JS. Получается бандлер не нужен (для загрузки css) пользователю библиотеки и рантайма при этом практически нет!

Слухайте, так reshadow - это бомба для написания библиотеки: стили можно препроцесить как обычно, но оставлять их в JS. Получается бандлер не нужен (для загрузки css) пользователю библиотеки и рантайма при этом практически нет!

чет не понял радости

пишешь стили с postcss, а они бандлятся в JS 🙂

Ну то есть как и с обычными css modules)

пишешь стили с postcss, а они бандлятся в JS 🙂

Рили? Мне казалось css-modules бандлит в css

Кста, меня тут щас стукнуло, по факту компоненты в реакте это просто функция-фабрика, которая в зависимости от аргументов отдает нужную html разметку.

но в качестве первого приближения сойдёт

но в качестве первого приближения сойдёт

так ты абисни как на самом деле является

Компоненты это фабрики которые генерируют набор инструкций для рендера реакта = )

Компонент не генерит инструкции. Он создаёт реакт элемент

А реакт элемент это что?

Компоненты это фабрики которые генерируют набор инструкций для рендера реакта = )

да, но говорят в styled-components этого не будет изза хуков

Кста, меня тут щас стукнуло, по факту компоненты в реакте это просто функция-фабрика, которая в зависимости от аргументов отдает нужную html разметку.

долго компилится?

1 минуту. Полторы тыщи компонентов

я, конечно, молодец спросила два вопроса противоположных, теперь не понимаю да создают или да, будет 1 див. ))

Если брать state-less компоненты функциональные, то все так, почти, это фабрика для создания React.Element дерева, но на самом деле у компонента есть же жизненный цикл еще который управляется реактом, например при изменении key элемент будет удалаен из дома и добавлен заново, а в случае с хуками компонент еще и обретает внутреннее состояние, так что это намного больше чем просто фабрика элементов

С хуками компонент не обретает _внутреннее_ состояние.

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

Увы, но нет. Хуки — это функции. Как они, будучи вызванными в другой функции, могут наделить её состоянием?

Увы, но нет. Хуки — это функции. Как они, будучи вызванными в другой функции, могут наделить её состоянием?

Замыкания же

Хуки это функции да, но не совсем обычные, порядок их вызова связывает их с внутренним состоянием реакта, что и позволяет собственно нам использовать useState к примеру, который буду вызван из разных компонентов в процессе работы будет возвращать разные значения

Что замыкания?

Механизм замыканий позволяет функциональным компонентам иметь состояние(с помощью хуков)

А причем тут порядок вызова?

Хуки это функции да, но не совсем обычные, порядок их вызова связывает их с внутренним состоянием реакта, что и позволяет собственно нам использовать useState к примеру, который буду вызван из разных компонентов в процессе работы будет возвращать разные значения

Через хуки компонент получает доступ к внутреннему состоянию рантайма реакта, да. Но не наоборот. У компонента не появляется внутреннего состояния.

Вообще то как раз это и означает что появляется

Замыкание в другую сторону работает. Внутрь, а не наружу.