Можно попробовать сделать хелпер, который будет делать то что ты хочешь https://www.styled-components.com/docs/api#createglobalstyle

та это тоже подкостыль

ну получше конечно, но хз

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

Потомучто 5к человек и иногда не хочется разгребать сотни сообщений, особенно когда они смешиваются

обычные css который класснейм возвращает намноголегче понимается

а кстати, стайледы там что-то писали про оптимизацию для RN, никто не в курсе, они начали кэшировать стили? или это не в этот чат, а в соседний?

обычные css который класснейм возвращает намноголегче понимается

Ты можешь такой сделать и даже запаблишить (а может уже есть)

Ты можешь такой сделать и даже запаблишить (а может уже есть)

emotion)

Можно попробовать сделать хелпер, который будет делать то что ты хочешь https://www.styled-components.com/docs/api#createglobalstyle

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

shttps://hoarrd.github.io/drunken-parrot-flat-ui/

есть такая тема

как ее интегрировать в react?

подскажите, плз

А зачем?

помогите, пожалуйста. опять.

сейчас уже менее тупой вопрос - при измении состояния value, bool меняется только до или после правильного ввода

import React from 'react'; import ReactDOM from 'react-dom'; const root = document.getElementById('app'); class Search extends React.Component { constructor(props){ super(props); this.state = {value: '', bool: 'false'}; this.handleChange = this.handleChange.bind(this); } handleChange(e){ this.setState({ value: e.target.value, bool: 'false' }); if(this.state.value === 'Cake'){ this.setState({bool: 'true'}) } } render() { return ( <div> <input onChange={this.handleChange} value={this.state.value}/> <h1>{this.state.bool}</h1> </div> ) } } ReactDOM.render( <Search />, root )

с чем это связано?

import React from 'react'; import ReactDOM from 'react-dom'; const root = document.getElementById('app'); class Search extends React.Component { constructor(props){ super(props); this.state = {value: '', bool: 'false'}; this.handleChange = this.handleChange.bind(this); } handleChange(e){ this.setState({ value: e.target.value, bool: 'false' }); if(this.state.value === 'Cake'){ this.setState({bool: 'true'}) } } render() { return ( <div> <input onChange={this.handleChange} value={this.state.value}/> <h1>{this.state.bool}</h1> </div> ) } } ReactDOM.render( <Search />, root )

if(this.state.value === 'Cake'){ this.setState({bool: 'true'}) } поменяй на e.target.value

спасибо

ткните плз в доку styled components, как целую пачку стилей подвязать на проп компонента (к примеру отрисовать задизейбленый стейт кнопки)

Ребята, кто юзал Сагу ? есть вопрос. Как можно передать аргумент через yield select?

ткните плз в доку styled components, как целую пачку стилей подвязать на проп компонента (к примеру отрисовать задизейбленый стейт кнопки)

Динамику можешь где-угодно ставить ${p => p.predicate ? '&' : '__none'} { color: red; } Т.е. селектор тоже динамический может быть

ткните плз в доку styled components, как целую пачку стилей подвязать на проп компонента (к примеру отрисовать задизейбленый стейт кнопки)

https://www.styled-components.com/docs/api#css может тебе это надо

Динамику можешь где-угодно ставить ${p => p.predicate ? '&' : '__none'} { color: red; } Т.е. селектор тоже динамический может быть

спс, по ощущениям оч непривычная штука =)

https://www.styled-components.com/docs/api#css может тебе это надо

спс

спс, по ощущениям оч непривычная штука =)

очень мощная

очень мощная

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

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

забей

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

У тебя нефункциональные требования стоят какие-то по этому вопросу? Тогда ты должен сдлеать сам исследование на эту тему. Иначе (в 98% случаях) не парься

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

Нет.

жаль

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

А у тебя с этим проблемы ?

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

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

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

Может замораживать неактивные деплои?

ну это не только с деплоями связано

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

Так это ж билд, я то думал в рантайме

ну да билд много жрет

ну просто по сравнению с компиляцией какой-то гошки

фронт работает как древний паровоз

ну просто по сравнению с компиляцией какой-то гошки

Попробуйте несколько потоков сделать для билда

Вроде я видел что такое делают

Попробуйте несколько потоков сделать для билда

сейчас так и работает

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

Билди вендоров отдельно. Т.е. поэтапно

Все равно тришейкинга нет?))

тришейка не будет

Билди вендоров отдельно. Т.е. поэтапно

я думал про это но самые большие компоненты которые есть весьма неплохо тришейкаются

d3 и material ui

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

Тогда сможешь отдельно его билдить. С d3, наверное, тоже так сможешь

а чем это отличается от обычной сборки ?)

ERROR: S client not available

привет! как мне такой стейт const state = { isSecure: true, errorMessage: null, complete: false } запихнуть в recompose`овский withState ??

Всем привет, кто тестировал apollo graphql ?

В google вроде масса примеров есть. На сколько я понимаю, то все сводится к тому, что мы подменяем HOC и подаём в наш компонент нужные нам props. А дальше на свой вкус и цвет.

+1 Тоже интересно

привет! как мне такой стейт const state = { isSecure: true, errorMessage: null, complete: false } запихнуть в recompose`овский withState ??

withState('someField', 'someUpdateField', { isSecure: true, errorMessage: null, complete: false })

@j_con 1, ый читаемей. + когда ты через коннект пропсы пробрасываешь, то будет ререндер, если пропсы изменяться ( isLogged, isAuth...) . Поправьте, елси не прав

@j_con 1, ый читаемей. + когда ты через коннект пропсы пробрасываешь, то будет ререндер, если пропсы изменяться ( isLogged, isAuth...) . Поправьте, елси не прав

ререндер будет. ну во 2 варианте те же пропсы тоже могут пробрасываться для использования в рендер методе например. Вопрос в том делать такие проверки в коннектнутом компоненте или в thunk'е

Это в каком месте?

бля не понимаю че происходит девтулсы эту ошибку выдают на любой странице, хотя я ничего не менял вроде

а, отбой, это у вебпака мозги поехали, перезапустил и все ок стало

Кто нибудь знает нормальный способ дебажить WS в Firefox? У меня в 61 версии почему-то сообщения с фронта уходят на бэк, но я не могу увидеть что уходит и приходит.

console.log ?

я за второй

и можно назвать как-то ensureAuthenticatedAsync()

извиняюсь за оч нубский вопрос, но всеже) если на странице несколько инпутов и им передаются из родителя state={complete: true} пропсках передается complete как обновить complete для каждого инпута отдельно? или для каждого инпута сделать свое типа: completeEmail6, completePassword ???

как-то можешь перефразировать вопрос

Эти инпуты в общем компоненте со своим стэйтом?

Если да, то просто создать компонент который будет ренедерить только один инпут и ему уже дать стэйт

как-то можешь перефразировать вопрос

Ну типа есть два инпута Один это Почта другой пароль В инпуты я передаю состояние complete Например ввожу в инпут почты что-то делаю complete: true и меня пароль тоже становится true

Всем привет Может кто-нибудь помочь? https://stackoverflow.com/questions/52279320/trying-to-put-api-call-and-getting-actions-must-be-plain-objects-use-custom-mi

извиняюсь за оч нубский вопрос, но всеже) если на странице несколько инпутов и им передаются из родителя state={complete: true} пропсках передается complete как обновить complete для каждого инпута отдельно? или для каждого инпута сделать свое типа: completeEmail6, completePassword ???

Проще сделать два обьекта с value и validated и туда передавать поля, если тебе прям нужны значения в стэйтах

Чё за темка?

Чё за темка?

material palenight

material palenight

Спасэбенс