Что вы используете для мультиязычности приложения?

react-intl

Спасибо всем

Какую либу для чартов порекомендуете? Которую не сложно кастомизировать

rechart

3 +

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

Подскажите пожалуйста по context-api: Если я, например создаю контекст const Ctx = React.createContext('ctx'); И применяю Ctx в родительском компоненте: class Parent ... { ... render() { return ( <Ctx.Provider value={{...}}> <div>...</div> </Ctx.Provider> )} ... То при создании экземпляра родителя, потомки получают контекст экземпляра родителя-обертки. И получается: <Parent>{ тут контекст экземпляра 1 }</Parent> <Parent>{ тут контекст экземпляра 2 }</Parent> Я все правильно понял?

мб Consumer ты имел ввиду

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

Покажешь пример плз?

Подскажите пожалуйста по context-api: Если я, например создаю контекст const Ctx = React.createContext('ctx'); И применяю Ctx в родительском компоненте: class Parent ... { ... render() { return ( <Ctx.Provider value={{...}}> <div>...</div> </Ctx.Provider> )} ... То при создании экземпляра родителя, потомки получают контекст экземпляра родителя-обертки. И получается: <Parent>{ тут контекст экземпляра 1 }</Parent> <Parent>{ тут контекст экземпляра 2 }</Parent> Я все правильно понял?

а вообще да. У каждого свой контекст

Покажешь пример плз?

[Scree1, Screen2]

Перебирая скрины и сравнивая их id c нужным?

в личку го

а вообще да. У каждого свой контекст

Отлично, спасибо! Например если я хочу связать компонент формы с компонентами полей. То можно спокойно делать 2 формы параллельно и их контексты не пересекутся.

Отлично, спасибо! Например если я хочу связать компонент формы с компонентами полей. То можно спокойно делать 2 формы параллельно и их контексты не пересекутся.

типа хок ? для каждой формы ?

типа хок ? для каждой формы ?

Не совсем, например так: <Form> (Provider) <Field> (Consumer) </Form>

Я хочу так стейт формы между полями шарить

чет я не врубаюсь

Я хочу так стейт формы между полями шарить

возьми react-final-form

какой смысл ? Почему не просто какой то хок

возьми react-final-form

Спасибо, посмотрю!

какой смысл ? Почему не просто какой то хок

Если например стейт в компоненте <Form> и я хочу получить его в компоненте <Field> предлагается обернуть <Field> в хок? В котором как раз и будет обертка вроде: ... export with = (Component) => ( props => ( <FormContext.Consumer> {formProps => <Component {...props} formProps={formProps} />} </FormContext.Consumer> ); ...

Если например стейт в компоненте <Form> и я хочу получить его в компоненте <Field> предлагается обернуть <Field> в хок? В котором как раз и будет обертка вроде: ... export with = (Component) => ( props => ( <FormContext.Consumer> {formProps => <Component {...props} formProps={formProps} />} </FormContext.Consumer> ); ...

смысл хока можно передать стейт и в пропсах все получить а вот способ как ты сказал вроде тож кашерный https://codesandbox.io/s/qk95qnj82j что то типа такого ?

смысл хока можно передать стейт и в пропсах все получить а вот способ как ты сказал вроде тож кашерный https://codesandbox.io/s/qk95qnj82j что то типа такого ?

Очень похоже

ну тут нужно же форме кинуть стейт а как кинуть ? в итоге мб хок проще ?

смысл хока можно передать стейт и в пропсах все получить а вот способ как ты сказал вроде тож кашерный https://codesandbox.io/s/qk95qnj82j что то типа такого ?

хотя да. Нормально и круто. Думаю это тру

ну тут нужно же форме кинуть стейт а как кинуть ? в итоге мб хок проще ?

Так если стейт измениться в форме он автоматом попадет в Field(Consumer)

Но нужно дополнительно обернуть Field

Так если стейт измениться в форме он автоматом попадет в Field(Consumer)

да. Но я о том что у каждой формы он разный и нужно передать стейт в провайдер

дайте плз СОВЕТ У меня архитектура приложение не особо предусматривает большой флоу данных. Но их нужно гонять между компонентами, пока что это два компонента и один блок данных. Не хочу засорять код пропсами и коллбеками. ВОПРОС: Стоит ли юзать редакс с перспективой роста аппы. Или же заюзать коллбеки?

дайте плз СОВЕТ У меня архитектура приложение не особо предусматривает большой флоу данных. Но их нужно гонять между компонентами, пока что это два компонента и один блок данных. Не хочу засорять код пропсами и коллбеками. ВОПРОС: Стоит ли юзать редакс с перспективой роста аппы. Или же заюзать коллбеки?

Используй внешний стор.

Типа "все media query я разделяю на три кейса, с детектом браузеров не ко мне"

сделай подключаемые плагины или колбеки для определения типа девайса, типа браузера, типа оси %)))))

Что вы используете для мультиязычности приложения?

react-intl

ребята, все привет! подскажите, а как в стайледах ссылку на другой стайлед подставлять тоже по условию? то есть вот есть элемент с подстановкой анимации: export const SmallText = styled.div` margin-top: .75rem; color: #aaa; animation: ${slideFromBottom} .2s ease-in-out 1; animation-fill-mode: backwards; ` И я хочу в зависимости от пропсов подставлять либо slideFromBottom либо slideFromRight . То есть вот так: export const SmallText = styled.div` margin-top: .75rem; color: #aaa; animation: ${ props => props.direction === 'right' ? '${slideFromRight} .2s ease-in-out .4s 1;' : '${slideFromBottom} .2s ease-in-out .4s 1' }; animation-fill-mode: backwards; ` но так не работает

css A helper function to generate CSS from a template literal with interpolations. You need to use this if you return a template literal with interpolations inside an interpolation. (This is due to how tagged template literals work)

Привет! Подскажите, обновляется ли компонент, когда в него приходит новы пропс? (при клике на кнопки приходят разные пропсы в чайлдовый компонент) и взависимости от пропса компонет возвращает текст Но то ли я что-то не так делаю, толи так не должно работать

Привет! Подскажите, обновляется ли компонент, когда в него приходит новы пропс? (при клике на кнопки приходят разные пропсы в чайлдовый компонент) и взависимости от пропса компонет возвращает текст Но то ли я что-то не так делаю, толи так не должно работать

Он не может прийдти

Пропсы иммутабельны

Изменяется стейт

Как только он меняется хитровыебанные алгоритмы типа мдка ищут diff дома и перерисовывают тебе страницу

а, окей просто допилю стейт что-то я забыл, что пропс статичен Спасибо)

Я вообще не реакт программист незачто

Я вообще не реакт программист незачто

))) Это просто я слабый реакт разработчик))

сделай подключаемые плагины или колбеки для определения типа девайса, типа браузера, типа оси %)))))

Попробовал запилить dsl для описания конфига (штуку чтобы клеить " and " и ", " для mediaquery, чет слегка не интуитивно вышло ?

Надо ещё подумать

Нехера не понял но щас принису фразу для описания

Попробовал запилить dsl для описания конфига (штуку чтобы клеить " and " и ", " для mediaquery, чет слегка не интуитивно вышло ?

Разница между node.js и unix way в том, что node.js разрабатывают и используют восторженные энтузиасты, а unix way — продукт мощного инженерного подхода. Как показывает практика, 40 лет он летал, этот unix way и будет летать дальше. Быстро, эффективно и масштабируемо. Запомните — разработчики являются ресурсом, а не самоцелью. Синтаксический сахар и лень рождают чудовищ.

АХАХАХА

Ты реализацию шедулера там видел?))

Где именно?

Если что велосипед не мой а угнан с хабра

completely fair scheduler

Это просто как пример весьма сурового матана, положенного в основу вещей, например эта шутка позволила линуксу сносно работать на десктопах

linux — один из самых технологически сильных продуктов современности во всех отношениях

Типа да и типо нет

Если что велосипед не мой а угнан с хабра

Не могу назвать таким хабр, к сожалению ?

Не могу назвать таким хабр, к сожалению ?

Ты будишь спорить с тем что нод жс не верх совершентства?

Вот и я не буду

И линукс это голиаф с глиняными ногами человеки которые его понимают очень редкий ресурс

Ковчег построили любители, профессионалы собрали титаник

Ты будишь спорить с тем что нод жс не верх совершентства?

Эти органические гуманоиды вообще ничего не могут написать без ошибок

Короче, всё сложнее чем в чёрно белом сознании автора с хабра)

Разница между node.js и unix way в том, что node.js разрабатывают и используют восторженные энтузиасты, а unix way — продукт мощного инженерного подхода. Как показывает практика, 40 лет он летал, этот unix way и будет летать дальше. Быстро, эффективно и масштабируемо. Запомните — разработчики являются ресурсом, а не самоцелью. Синтаксический сахар и лень рождают чудовищ.

Это к чему было вообще?

Ковчег построили любители, профессионалы собрали титаник

А потопил идиот, а жизни унесла безотвественность

ERROR: S client not available

V8 кстати это одна из немногих штук, которая вполне посоревнуется с линуксом по сложности и хитроумности) А нода — это V8 + libuv, второй вообще отдельная тема

Почитай пост по ссылке там ребята в трейде за в8 уже сказали чего да как

V8 кстати это одна из немногих штук, которая вполне посоревнуется с линуксом по сложности и хитроумности) А нода — это V8 + libuv, второй вообще отдельная тема

согласен, если еще учесть что гугл туда денег мощно залил)

В react apollo cache можно юзать как глобал стор?

Так там отдельная же либа для этого, емнип

Что такое емнип??

если мне не изменяет память

Не нашел либы емнип

V8 кстати это одна из немногих штук, которая вполне посоревнуется с линуксом по сложности и хитроумности) А нода — это V8 + libuv, второй вообще отдельная тема

Это пока. Скоро там не только V8 будет.

Это пока. Скоро там не только V8 будет.

А что ещё? ?

А что ещё? ?

chakra core

Как рефрешить страницу если переход происходит по той же ссылке, на которой уже находится пользователь? (Заново рендерить страницу)

А что ещё? ?

https://github.com/nodejs/node-chakracore

А как же нода будет работать с системным api если будет только v8 ?

Или вы не про это?

Не про это.

Как рефрешить страницу если переход происходит по той же ссылке, на которой уже находится пользователь? (Заново рендерить страницу)

Добавь параметр из Date.now() и задай key={url}

Как рефрешить страницу если переход происходит по той же ссылке, на которой уже находится пользователь? (Заново рендерить страницу)

XY problem

А как же нода будет работать с системным api если будет только v8 ?

Для этого и существует libuv, это штука, которая помимо всего прочего предоставляет для движка api для работы с системными вызовами (распределяя их через эвент-луп, которым, преимущественно, и занимается)

А как же нода будет работать с системным api если будет только v8 ?

Да выкинуть ноду да писать реакт в расте да в веб асм

Делов то

Да выкинуть ноду да писать реакт в расте да в веб асм

В nodejs нормальный api есть для нативных модулей, 2018 год на дворе, у кого щас нет биндингов к C ?

Добавь параметр из Date.now() и задай key={url}

В props'ах задать key={url}, а куда Date.now()?

В nodejs нормальный api есть для нативных модулей, 2018 год на дворе, у кого щас нет биндингов к C ?

У раста нет биндингов к C?

В nodejs нормальный api есть для нативных модулей, 2018 год на дворе, у кого щас нет биндингов к C ?

У оберона

Шучу

Смеюсь

?

В props'ах задать key={url}, а куда Date.now()?

В линк или хистори пуш

В nodejs нормальный api есть для нативных модулей, 2018 год на дворе, у кого щас нет биндингов к C ?

А зачем прослойка в виде ноды (ну исключая в моем случае лень) если можно тупо в раст завезти реакт

Тоже самое будет только в compile time