Именно. Не нужны тесты, не нужен дебаг — стоимость поддержки ровно нуль

маржа, правда, тоже того же порядка... :(

И тесты писать легче. Пишешь done() и все )))

Вряд ли jest будет ругаться на coverage кода, который ты не написал

И тесты писать легче. Пишешь done() и все )))

И всё, приехали. Ты написал код.

шото ты все чаще врываешься с провокационными темами

все чаще. Уже последнее все время

Бля, вот чисто из-за того, что не везде так, люди до сих пор поддерживают IE и шестую ноду

нет, не поэтому

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

React.js - это такой хитрый план Фейсбука, как заставить тонны умных и не очень людей решать фундаментальные проблемы CS. Авось что выстрелит.

В смысле форсят, лол Они для разных задач

=\

ну я вообщем про то что вектор движения ангуляра мне больше нравится

В ангуляре, как и во vue, все хорошо (экосистема), кроме самой либы... Ну по сравнению с реактом. Потому что шаблоны - это буэ

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

?нет пожалуйста?

просто вот смотрите, такой туповатый вопрос. Как вы видете екосистему реакта через 4 года ?

Пазон выстрелит и все норм будет ? А вообще препак... Ты же видел демку, где препак вырезает реакт полностью?

Всем привет! Есть проблеа CollapsePanel при клике разворачивается весь контент, но с торможением в самом конце! В чем причина?

Пазон выстрелит и все норм будет ? А вообще препак... Ты же видел демку, где препак вырезает реакт полностью?

Насколько это продакшн Реди ?

Насколько это продакшн Реди ?

Ты спрашивал про 4 года ?

Этой фичи ждать 4 года ?)

Да я откуда знаю)

Ангуляр через пол такое зарелизит

У других это есть уже сейчас

Какой бест практис для анмиций со styled-components?

Какой бест практис для анмиций со styled-components?

Такой же как в css

react spring?

в плане библиотек

А нативные анимации чем не угодили?

@artalar аргумент

А нативные анимации чем не угодили?

Это как ?) нативные анимации не работают с маунтом в дом. Нужна обертка так и так

Когда-то не все поддерживали css анимации. У кого-то просто JS-головного мозга. Какие-то анимации могут быть слишком сложными для CSS. При анмаунте DOM элемента можно его санимировать только склонив, это все через JS делается

Это как ?) нативные анимации не работают с маунтом в дом. Нужна обертка так и так

Они как раз с маунтом и работают

Когда-то не все поддерживали css анимации. У кого-то просто JS-головного мозга. Какие-то анимации могут быть слишком сложными для CSS. При анмаунте DOM элемента можно его санимировать только склонив, это все через JS делается

@Zik_42

есть рабочий пример?

тоже с этим сейчас

регулировал visible пропсой. и через transition и через keyframes. при маунтинге нет анимации

@artalar спасибо

Они как раз с маунтом и работают

Да ладно, не верю) css же никогда не мог анимировать между display none. Щас проверю

Да ладно, не верю) css же никогда не мог анимировать между display none. Щас проверю

+

Да ладно, не верю) css же никогда не мог анимировать между display none. Щас проверю

Эм. У тебя в реакте элемент появляется из display none??????

в плане библиотек

https://popmotion.io

Вообще был какой-то классный гит, в котором можно было просто копипастить интересные простые анимашки (css), но мне его долго искать =\

Да ладно, не верю) css же никогда не мог анимировать между display none. Щас проверю

можно делать с visible: hidden: opacity: 0 до обратных значений

только это не работает, если хочешь сделать fadeOut

можно делать с visible: hidden: opacity: 0 до обратных значений

он из потока не уйдет

через Wrapper

мб

что за Wrapper?)

Эм. У тебя в реакте элемент появляется из display none??????

Нет конечно) но смысл тот же , css анимации не срабатывают. Точнее вру, именно через кейфреймы не пробовал, транзишн не работает точно.

Нет конечно) но смысл тот же , css анимации не срабатывают. Точнее вру, именно через кейфреймы не пробовал, транзишн не работает точно.

анимации animation Если нужно сделать анимацию появления (а это самый частый кейс), то берешь код любого нужного кейфрейма и делаешь анимацию с единственным повторением и сохранением конечного состояния. Код можно, например, посмотреть тут - https://github.com/daneden/animate.css Нужна анимация анмаутинга элемента? - react-transition-group Нужна интерактивная анимация, т.е. с сохранением импульса? - https://github.com/steadicat/react-rebound Если хотите глубже погрузится в анимации - вот крутой доклад https://youtu.be/Ug_dwJa07Os

норм либа)

анимации animation Если нужно сделать анимацию появления (а это самый частый кейс), то берешь код любого нужного кейфрейма и делаешь анимацию с единственным повторением и сохранением конечного состояния. Код можно, например, посмотреть тут - https://github.com/daneden/animate.css Нужна анимация анмаутинга элемента? - react-transition-group Нужна интерактивная анимация, т.е. с сохранением импульса? - https://github.com/steadicat/react-rebound Если хотите глубже погрузится в анимации - вот крутой доклад https://youtu.be/Ug_dwJa07Os

Я к ней и вёл) Но то что кейфреймы пашут с маунтом не знал, спасибо

Вообще был какой-то классный гит, в котором можно было просто копипастить интересные простые анимашки (css), но мне его долго искать =\

animate css ?

что за Wrapper?)

мб, кнч, издевательство, но сделал враппер над стайледом со стейтом и сеттаймаутом, зависящем от пропсов, который сам будет выкидывать из потока. короче, изобрел велосипед, судя по всему. react-transition-group можно было просто заюзать

анимации animation Если нужно сделать анимацию появления (а это самый частый кейс), то берешь код любого нужного кейфрейма и делаешь анимацию с единственным повторением и сохранением конечного состояния. Код можно, например, посмотреть тут - https://github.com/daneden/animate.css Нужна анимация анмаутинга элемента? - react-transition-group Нужна интерактивная анимация, т.е. с сохранением импульса? - https://github.com/steadicat/react-rebound Если хотите глубже погрузится в анимации - вот крутой доклад https://youtu.be/Ug_dwJa07Os

вот вам вкртаце обо всем для анимаций

а как же моушины

спринги

все в докладе

Хочешь - напиши статью и кидай всем в чате :) я так делаю по темам, в которых шарю

С анимациями поверхностно знаком...

animate css ?

спасибо

Хочешь - напиши статью и кидай всем в чате :) я так делаю по темам, в которых шарю

“как работать по 15 часов в неделю на фуллтайме и делать вид перед начальством что ты овертаймишь”

“как работать по 15 часов в неделю на фуллтайме и делать вид перед начальством что ты овертаймишь”

>_>

Тем более в хроме сейчас есть очень крутой профайлер для анимаций

Вообще уже есть же web animation api

Эх, было бы время, изучил тему и написал что-нибудь(

ERROR: S client not available

Самое интересное - это импульсные анимации, и они как раз только через JS возможны

Импульсные анимации - это кодга изменение анимации при реакции на пользовательский ввод происходит"плавно" от текущего состояния и вектора анимации. Выглядит довольно круто и естественно. Классические же транзишены скорее перезапускают анимацию, да они начинают с текущего состояни предыдущей анимации, но вектор не сохраняется

Насколько здравое решение хранить в контексте значение, которое определяет, какой ширины сейчас вьюпорт (мобилка, планшет, лептоп, десктоп)? Нужно это для определения, какой компонент показывать - для десктопа или для мобилки, а то window.innerWidth писать не очень каждый раз, а так я его запихнул в "resize" event listener и всё. Я знаю, что есть решения, которые играются с user-agent, но это хреновое решение, я ж могу заресайзить окно и уже будет неверно всё

Насколько здравое решение хранить в контексте значение, которое определяет, какой ширины сейчас вьюпорт (мобилка, планшет, лептоп, десктоп)? Нужно это для определения, какой компонент показывать - для десктопа или для мобилки, а то window.innerWidth писать не очень каждый раз, а так я его запихнул в "resize" event listener и всё. Я знаю, что есть решения, которые играются с user-agent, но это хреновое решение, я ж могу заресайзить окно и уже будет неверно всё

@ZeroBias напиши или кинься готовой заметкой на этот счет. У тебя был какой-то готовый код в песочнице?

@ZeroBias напиши или кинься готовой заметкой на этот счет. У тебя был какой-то готовый код в песочнице?

У меня? Не было, но могу оформить, если есть смысл)

У ZeroBias

что значит unloaded, ушел со страницы? export const HOME_PAGE_LOADED = 'HOME_PAGE_LOADED'; export const HOME_PAGE_UNLOADED = 'HOME_PAGE_UNLOADED';

что значит unloaded, ушел со страницы? export const HOME_PAGE_LOADED = 'HOME_PAGE_LOADED'; export const HOME_PAGE_UNLOADED = 'HOME_PAGE_UNLOADED';

это вопрос к тому. кто эти константы делал)

это вопрос к тому. кто эти константы делал)

это https://github.com/gothinkster/react-redux-realworld-example-app unloaded редьюсеры возвращают пустой объект

Допустим у меня есть сложный компонент на стайледах и мне нужно переопределить стили для какого-то внутреннего компонента. Как это правильно сделать? Мне для каждого внутреннего компонента делать пропс для его переопределения?

Компонент можно использовать как селектор

Надо смотреть, стили переопределяются по свойству компонента или окружающей его среды

Компонент можно использовать как селектор

а как мне извне получать этот компонент?

Импортом?

Импортом?

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

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

Или давать им какой то класс нэйм, но это еще более неудобно

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

Как ты будешь взаимодействовать с компонентом, если ты не будешь взаимодействовать с компонентом? Варианта два: пропсы или селектор

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

подскажите пожалуйста где можно найти доки на русском реакт роутер 4

как с ними работать

Module parse failed: Can not use keyword 'await' outside an async function (293:44) You may need an appropriate loader to handle this file type. Обновил бабель 7.0.0 -> 7.1.0, словил такой трэш. Вывод npm outdated пустой. Печаль

как с ними работать

https://reacttraining.com/react-router/core/guides/philosophy Лучше всего почитать это. Хоть и на английском.

Интерактивненько

подскажите пожалуйста где можно найти доки на русском реакт роутер 4

возьми reach/router

Module parse failed: Can not use keyword 'await' outside an async function (293:44) You may need an appropriate loader to handle this file type. Обновил бабель 7.0.0 -> 7.1.0, словил такой трэш. Вывод npm outdated пустой. Печаль

Самое интересное, что проблема в плагине @babel/plugin-proposal-decorators . Пришлось вернуть ему настройку {"legacy": true}

Хотя казалось бы где связь - декораторы и async/await

возьми reach/router

там есть обертка для redux?

Всем привет. У меня есть вот такой простой компонент. Как мне правильно сделать для него тест? Сделать в тесте просто объект с фейковыми данными и сделать снапшот? https://gist.github.com/demidborodin/e1616ab63382a1fc2b197ca54d3f795a

Решил ручками настроить SSR (React+Redux+React-router+SC), все оказалось не сложно, роме настройки нормального дев-режима с лайв-релоадом окна в браузере. Остановился на том, что для разработки клиента использую webpack-dev-server, а когда надо что-то на сервере проверить, запускаю nodemon и webpack --watch дважды (для пересборки сервера бабелем и для пересборки клиента вебпаком). Статей нормальных не нашел, как сделать по уму. Может кто-то настраивал нормальный дев-режим одной командой для ССР?