Всем привет, подскажите пожалуйста. Является ли нормальной практикой использовать ReactDOMServer в реальном приложении или нет? Почему?

Ты читал документацию по react ssr?

React dom server render to string это норма

let { foo, num } = raw; const spread = { foo, num };

можно как-то в строчку написать?

call({ raw.foo, raw.num })

вот по-сути, что хочу сделать

const { foo, num } = raw call({ foo, num })

call({ ...raw })

мне надо именно foo и num

const { foo, num } = raw call({ foo, num })

это ж 1 в 1 как я написал

я сделал по старинке: _.pick(raw, ['foo', 'num'])

коллеги, такой вопрос. При загрузке страницы нужно сделать анимацию хедера и некоторого текста через transition и трансформ. Правильно ли вешать например класс is_loaded в componentDidMount?

css animation forward

Плюс геморрой со стилями

Я даже не представляю как можно сделать что-то проще ant с такими то плюшками

Опять что-то токсичное распыляют :(

:))

React+PHP, мусорка, свалка, бомжи, смерть

Вынужден тебя огорчить fb юзает пыху

Много старых проектов на пыхе

дальше то что?

Вынужден тебя огорчить fb юзает пыху

интересно каким образом

интересно каким образом

https://m.habrahabr.ru/post/188056/

Вынужден тебя огорчить fb юзает пыху

они юзают его по старой памяти. Ничего нового на пыхе не пишется

а старое переписывается

я когда доклад за React+Relay смотрел там и вопросы про это были и рассказ

а ну то бишь не имеется ввиду связка с реактом?

я пока в этом плане натыкался только на PHPV8 но чет по коментариям выглядит ненадежно

Я ни в коем случае не php евангелист и вообще стараюсь держаться как можно дальше от этого дела, но утверждение "React+PHP, мусорка, свалка, бомжи, смерть" в корне не верно, нет плохих технологий есть рукожопые исполнители.

Я ни в коем случае не php евангелист и вообще стараюсь держаться как можно дальше от этого дела, но утверждение "React+PHP, мусорка, свалка, бомжи, смерть" в корне не верно, нет плохих технологий есть рукожопые исполнители.

Вот тут согласен

Пф, какая разница фронтендеру что там на бэкэнде? Хоть Quick Basic. Лишь бы работало.

Пф, какая разница фронтендеру что там на бэкэнде? Хоть Quick Basic. Лишь бы работало.

?

Я ни в коем случае не php евангелист и вообще стараюсь держаться как можно дальше от этого дела, но утверждение "React+PHP, мусорка, свалка, бомжи, смерть" в корне не верно, нет плохих технологий есть рукожопые исполнители.

я имею ввиду в связке

Пф, какая разница фронтендеру что там на бэкэнде? Хоть Quick Basic. Лишь бы работало.

пойду напишу на брейнфаке.

я имею ввиду в связке

Я правда не понимаю в чем проблема, ну да и неважно в принципе, не будем холивар разводить.

пойду напишу на брейнфаке.

Угу, ну мне лично всё равно что там на бэкэнде. Идти холиварить с джавистом или Go'шником (в проекте) и сувать нос в его область компетенции? ? Смех да и только.

Друзья, мы понимаем, что иногда хочется пошутить/потроллить/похоливарить, но давайте уважать всех участников этой группы и начиная с этого момента весь оффтоп и флуд ? выности сюда: + https://t.me/js_flood

css animation forward

а можно чуть подробнее?

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

ну да. только правильно ли это с точки зрения перформанса?

А в чем проблема? Быстрее ксс анимаций ничего нет

сделал с ReactCSSTransitionGroup, но тоже НЕ самая удобная фича. накидывает кучу классов и убирает их, не оставляя ничего. приходится изначально делать объекты видимыми.

visibility hidden/visible

А в чем проблема? Быстрее ксс анимаций ничего нет

а в какой момент css анимация начинает работать? когда в доме появился нужный объект или когда весь дом отрисовался?

visibility hidden/visible

Вот, кстати, такие штуки легко делать на ксс анимациях. Накидал там сколько угодно шагов. Вот с transition всегда боль)

а в какой момент css анимация начинает работать? когда в доме появился нужный объект или когда весь дом отрисовался?

При маунтинге. Ну вот он ставится и сразу же запустилась анимация. Разница просто в ключе forwards, без него магия не получится

visibility hidden/visible

это мне не поможет

поделитесь каналом по node.js

поделитесь каналом по node.js

@nodejs_ru

спасибо

При маунтинге. Ну вот он ставится и сразу же запустилась анимация. Разница просто в ключе forwards, без него магия не получится

что за ключ forwards? cмотрю тут и не вижу: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations

что за ключ forwards? cмотрю тут и не вижу: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations

Я думаю речь про это https://www.w3schools.com/cssref/css3_pr_animation-fill-mode.asp

я думаю многим будет интересно, тут от гугла есть доки по web fundamentals, про рендеринг, перформанс, и там же про PWA

https://developers.google.com/web/fundamentals/performance/rendering/

это мне не поможет

Почему

в личку напишу. чтобы не флудить

ребят подскажите как вы инициализируете данные в вэлью для оидакс форм

какой промис используете

const sleep = ms => new Promise(resolve => setTimeout(resolve, ms)) return sleep(444) .then(() => { const meta = this.props.meta const data = { title: meta.title, title_trans: meta.title_trans, } this.props.initialize(data) })

Ээээ

initialValues?

ERROR: S client not available

Или как-то так

Проп

прямо в филде писать как атрибут ?

инитиализ я так понял для автозаполнения

при клике например на кнопку

Это проп для формы

какой промис используете

Нативный?

this.props.initialize(data)

в ридакс форм есть такая функция

проблема в том что не загружает без задержки

this.props.metaModify(values, this.props.meta.id).then((res) => { console.log('res', res) })

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

нужно его делать в самом экшине при дизпатче ?

export function metaModify(values, id) { console.log('metaModify', values) return (dispatch) => { http.post(`api/user/meta/${id}`, values).then((result) => { console.log('getMeta', result) dispatch({ type: GET_MODIFY, }) dispatch(getMeta(id)) }).catch((error) => { console.log('error info', error) dispatch({ type: INFORMATION_ERROR, message: error.error_message, }) }) } }

Господа уже от вашего реакта башка пухнет. Сам реакт хорош, но всякие реализации типа изоморфные приложения и т.д Хочу написать на реакте что-то в этом духе https://доскажалоб.рф/ с серверной частью, как лучше это реализовать?

Ну берёшь реакт и пишешь

В чем вопрос-то

Ну инересует больше серверная часть. Что почитать можно

Серверную часть пишешь на чем душа лежит

Серверную часть пишешь на чем душа лежит

Нет

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

Ну инересует больше серверная часть. Что почитать можно

Google react ssr

Да вот хотелось на JS но пока искал решение, наткнулся на вопросы в плане подружить реакт роутер и експресс

Возьми next.js и не пиши стек с нул

Да вот хотелось на JS но пока искал решение, наткнулся на вопросы в плане подружить реакт роутер и експресс

Их не надо дружить

Экспресс за статику

Теории в голове мало в плане серверной части

Сам роутинг это react-router

Его можно использовать на сервере