А :/ А зачем

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

че за хуйня здесь происходит?

че за хуйня здесь происходит?

Все-все Сорян

Ребят, можно ли как-то тут указать перенос строки? <Field hint=‘Текст на этой строке. \n текст на другой строке.’></Field>

<br> ?

Ребят, можно ли как-то тут указать перенос строки? <Field hint=‘Текст на этой строке. \n текст на другой строке.’></Field>

в шаблонную строку текст запиши. Сохранится перенос

Типа вот так? Field hint=`Текст на этой строке. \n текст на другой строке.`></Field>

Типа вот так? Field hint=`Текст на этой строке. \n текст на другой строке.`></Field>

типо вот так const hint = `Текст на этой строке. текст на другой строке.` Field hint={hint}></Field>

а, понял, спасибо

Где посмотреть на нормальное использование редакса без тонны бойлерплейта?

Где посмотреть на нормальное использование редакса без тонны бойлерплейта?

Какой тонны?

Где посмотреть на нормальное использование редакса без тонны бойлерплейта?

redux-symbiote

Какой тонны?

Константы, экшены, редюсеры, всего этого как-то сильно дохрена

Константы, экшены, редюсеры, всего этого как-то сильно дохрена

А ну тогда да симбиот

@itsjohncena вопрос, норм жить без actionTypes?

Спасибо

@itsjohncena вопрос, норм жить без actionTypes?

да

...marginLeft && { marginLeft } как это понять? почему спред?

...marginLeft && { marginLeft } как это понять? почему спред?

…(marginLeft && { marginLeft })

…(marginLeft && { marginLeft })

const style = { ...width && { width }, ...height && { height }, ...marginTop && { marginTop }, ...marginRight && { marginRight }, ...marginBottom && { marginBottom }, ...marginLeft && { marginLeft }, }

const style = { ...width && { width }, ...height && { height }, ...marginTop && { marginTop }, ...marginRight && { marginRight }, ...marginBottom && { marginBottom }, ...marginLeft && { marginLeft }, }

именно

видимо здесь && приоритет выше чем ...

именно

я думал это как с ...foo().bar

?

?

улетела мысль

Здравствуйте! Вопрос к использующим Semantic UI (React естественно). Возможно ли стилизовать лэйбл инпута, когда инпут в фокусе?

Проблема в том, что лэйбл генерируется перед инпутом.

Вот так выглядит вёрстка >

Что вы юзаете для skeleton screens ?

Вот так выглядит DOM >

Если я использую хок connect в компоненте, то это считается, что компонент "знает" о редаксе?

Если я использую хок connect в компоненте, то это считается, что компонент "знает" о редаксе?

Da

Da

Тогда я не совсем понимаю один момент. Пытаюсь разделить всё на компоненты и контейнеры. И по идее компонент должен считывать данные из пропсов и не знать о существовании редакса, но как такое может быть, если для вывода данных через пропсы надо юзать connect и этот компонент автоматически превращается в контейнер?

Тогда я не совсем понимаю один момент. Пытаюсь разделить всё на компоненты и контейнеры. И по идее компонент должен считывать данные из пропсов и не знать о существовании редакса, но как такое может быть, если для вывода данных через пропсы надо юзать connect и этот компонент автоматически превращается в контейнер?

А ты забей, найди статью Правила жизни с редаксом или как она там называлась

Здравствуйте! Вопрос к использующим Semantic UI (React естественно). Возможно ли стилизовать лэйбл инпута, когда инпут в фокусе?

Через событие фокуса?

Через событие фокуса?

Естественно через фокус, но как?

Тогда я не совсем понимаю один момент. Пытаюсь разделить всё на компоненты и контейнеры. И по идее компонент должен считывать данные из пропсов и не знать о существовании редакса, но как такое может быть, если для вывода данных через пропсы надо юзать connect и этот компонент автоматически превращается в контейнер?

connect ToDo ToDo ToDoList ToDo

А ты забей, найди статью Правила жизни с редаксом или как она там называлась

Спасибо, интересная статейка

connect ToDo ToDo ToDoList ToDo

Не совсем понял

Естественно через фокус, но как?

Можно через стейт впринципе

привет, есть у кого-то пример как c recompose вызвать thunk в хуке componentDidMount ?

Не совсем понял

ToDo будет контейнер ToDoList будет вью

Можно через стейт впринципе

А пример не набросаете?

ToDo будет контейнер ToDoList будет вью

И потом просто пробрасывать пропсы в дочерний вью?

И потом просто пробрасывать пропсы в дочерний вью?

да

кто в курсе, TransitionGroup можно использовать в паре с Transition, вместо CSSTransition?

да

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

в доке пример связки TransitionGroup + CSSTransition а можно ли TransitionGroup + Transition

onfocus -> setState({labelStyled: true}) onblur -> setState({ labelStyled: false}) И в класснейме тернарка

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

кто как хочет так и дрочит. Для себя я понял, что лучше писать переиспользуемые компоненты без добавления connect

привет, есть у кого-то пример как c recompose вызвать thunk в хуке componentDidMount ?

пробрасываете AC через mapDispatchToProps и вызываете, в чем сложность?

Народ, здарова. Поймал себя на баге, который связан с редаксом. Один из case'ов( в редюсере ), возвращает у меня не тот state, который принимает, и в итоге вылезает у меня баг. Можете подсказать как правильно реализовать этот код?

export default function (state = initialState, action) { switch (action.type) { case GET_BUILDINGS_DATA: return { ...state }; case GET_BUILDING_DATA: // This case returns data about section if the requested(action.payload.section) exists const section = action.payload.section; for (let building in state.sections) { if (building === section) { return state.sections[building]; } } return null; default: return state; } }

onfocus -> setState({labelStyled: true}) onblur -> setState({ labelStyled: false}) И в класснейме тернарка

Спасибо за ответ, буду пробовать

Народ, здарова. Поймал себя на баге, который связан с редаксом. Один из case'ов( в редюсере ), возвращает у меня не тот state, который принимает, и в итоге вылезает у меня баг. Можете подсказать как правильно реализовать этот код?

редьюсеры - для изменения данных, а не для получения

редьюсеры - для изменения данных, а не для получения

О как. Значит это в action'ах надо делать?

О как. Значит это в action'ах надо делать?

это надо делать в mapStateToProps. Можно юзать селекторы, можно и без них

это надо делать в mapStateToProps. Можно юзать селекторы, можно и без них

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

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

можешь законнектить все sections, а отрезать нужное в самом компоненте, либо изменит структуру компонентов, чтоб нужное было уровнем выше, и лишнее не коннектилось

ERROR: S client not available

Где посмотреть на нормальное использование редакса без тонны бойлерплейта?

https://gist.github.com/artalar/f99c5bd7ef96553286c060785104b215

можешь законнектить все sections, а отрезать нужное в самом компоненте, либо изменит структуру компонентов, чтоб нужное было уровнем выше, и лишнее не коннектилось

Понял. Спасибо.

видимо здесь && приоритет выше чем ...

>_>

https://gist.github.com/artalar/f99c5bd7ef96553286c060785104b215

> без тонны бойлерплейта, а строковые константы тут как тут

> без тонны бойлерплейта, а строковые константы тут как тут

тут как не тут, не туда смотришь

а, там контрпример, теперь понял

Кто юзал React + TypeScript? Нужен коммент, стоит брать или нет.

Кто юзал React + TypeScript? Нужен коммент, стоит брать или нет.

не стоит

не стоит

чего?

не стоит

+

гайз, есть localeContext , который хранит в стэйте локаль юзера и пробрасывает метод для изменения локали есть список новостей, которые надо рефетчнуть при изменении локали вопрос: как корректно подписаться на изменение локали в компоненте новостей? :D PS React.createContext()

Кто юзал React + TypeScript? Нужен коммент, стоит брать или нет.

Сначала скажи поч решил типизировать

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

https://gist.github.com/artalar/f99c5bd7ef96553286c060785104b215

Спасибо

спорно, тайпскрипт сложен в начале, всё настраивать и тд, потом он твой помошник

Кто юзал React + TypeScript? Нужен коммент, стоит брать или нет.

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

там много секса

подключи флоу, если боишься за типы

ну по факту PropTypes и прочая лабуда тот же тайпскрипт

propTypes, flow

ну по факту PropTypes и прочая лабуда тот же тайпскрипт

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

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

Проптайпы не работают в рантайме

Проптайпы не работают в рантайме

Че

Разве работают? Вроде в прод моде точно не работают

Разве работают? Вроде в прод моде точно не работают

Именно там и работают

Разве работают? Вроде в прод моде точно не работают

Какой прод? )

Чет я наверное путаю, но оно вроде в продакшине не валидирует пропсы

Не очень

Стейт деструктуризируй (опционально), ну и {building && ( <Router /> )}