Все таки легче куски вынести в соседние файлы чтобы хоть как-то читаемо было

Все таки легче куски вынести в соседние файлы чтобы хоть как-то читаемо было

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

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

Слишком длинный файл будет, а go to definition норм работает

Слишком длинный файл будет, а go to definition норм работает

Ну, 3-4 компонента в файле максимум.

Не 100500 конечно же.

Ну, 3-4 компонента в файле максимум.

У меня только стайледы могут так лежать

У меня только стайледы могут так лежать

Ну, таблица-контейнер, шапка и строчка. Вот и 3 компонента.

всем привет

Gig

Кто-нибудь реализовывал проброс функции через два компонента, т.е. из дочернего компонента второго уровня нужнов ызвать функцию родителя =)

а в чем проблема? через props передать и все

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

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

в чем проблема?

+

так и делаю

это мне в конструкторе родителя нужно написать this.handleSelect = this.handleSelect.bind(this);

щас секунду

это мне в конструкторе родителя нужно написать this.handleSelect = this.handleSelect.bind(this);

нет

это мне в конструкторе родителя нужно написать this.handleSelect = this.handleSelect.bind(this);

И передать функцию через пропсы

handleClick = () => this.props.onClick() Что-то такое

дадада

мужики, какой щас самый нормальный модуль для oauth2 авторизации (гугл, фб) для реакта?

мужики, какой щас самый нормальный модуль для oauth2 авторизации (гугл, фб) для реакта?

Зачем тебе модуль? Там же просто редирект сделать.

Зачем тебе модуль? Там же просто редирект сделать.

это будет не вебсайт, а chrome extension - там фактически нет урл, поэтому стандартными средствами не подойдет. Я нагуглил такое: https://www.npmjs.com/package/react-social-login - но чет у него давно нет апдейтов..

Ребята, почему у меня dispathc in not defined? ...token}}).then((response)=>{ console.log('response', response) dispatch(getQueriesAction(response.data.data)) }, (err)=>{ console.log(err); })... кусочек axios откуда идет dispatch

коллеги, была уже явно ссылка на трансляцию с митапа питерского, который был 4 июля...ведь так?)))

это будет не вебсайт, а chrome extension - там фактически нет урл, поэтому стандартными средствами не подойдет. Я нагуглил такое: https://www.npmjs.com/package/react-social-login - но чет у него давно нет апдейтов..

Тебе не дадут авторизоваться без открытия страницы.

Ребята, почему у меня dispathc in not defined? ...token}}).then((response)=>{ console.log('response', response) dispatch(getQueriesAction(response.data.data)) }, (err)=>{ console.log(err); })... кусочек axios откуда идет dispatch

redux-thunk?

нет

Ребята, почему у меня dispathc in not defined? ...token}}).then((response)=>{ console.log('response', response) dispatch(getQueriesAction(response.data.data)) }, (err)=>{ console.log(err); })... кусочек axios откуда идет dispatch

без полного кода конечно понять очень просто </sarcasm>

Тебе не дадут авторизоваться без открытия страницы.

хм.. окей, буду думать про альтернативы, спасиб :)

нет

Тогда почему ты думаешь, что у тебя dispatch должен быть определен?

хм.. окей, буду думать про альтернативы, спасиб :)

Посмотри демо плагина, который ты сбросил.

Тогда почему ты думаешь, что у тебя dispatch должен быть определен?

Я Вас понял. Спасибо...

Посмотри демо плагина, который ты сбросил.

так оно модалку открывает вроде и дальше возвращает в приложение

так оно модалку открывает вроде и дальше возвращает в приложение

Это не модалка, а window.open

ну да

)

а styled-coponents позволяют как то влиять на стили html и body тега? чтоб было стили как инджектить так и деинджектить(не знаю как это лучше назвать))

а styled-coponents позволяют как то влиять на стили html и body тега? чтоб было стили как инджектить так и деинджектить(не знаю как это лучше назвать))

стили в плане className?

стили в плане className?

стили которые применяются к html и body

по типу injectGlobal, но чтобы можно было и откатить стили

Можно как-нибудь в компоненте получить font-size тега html , заданный в css файле? :)

Можно как-нибудь в компоненте получить font-size тега html , заданный в css файле? :)

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

window.getComputedStyle()

Можно как-нибудь в компоненте получить font-size тега html , заданный в css файле? :)

getComputedStyle() ?

Спасибо, буду првоерять :)

а есть какой нибудь костыль, для того чтобы одну страницу express.js отдавал без ssr ?)

а есть какой нибудь костыль, для того чтобы одну страницу express.js отдавал без ssr ?)

вроде react-no-ssr но это не точно

гайз, кто-то пользуется таким подходом? http://andrew-r.ru/notes/features-not-tech-aspects есть ли реальные примеры в опен сорсе?

а есть какой нибудь костыль, для того чтобы одну страницу express.js отдавал без ssr ?)

можешь объявить доп. роут но это говно, лучше как сэр выше посоветовал

ERROR: S client not available

гайз, кто-то пользуется таким подходом? http://andrew-r.ru/notes/features-not-tech-aspects есть ли реальные примеры в опен сорсе?

У совы посмотри howtocards

вроде react-no-ssr но это не точно

спасибо!)

можешь объявить доп. роут но это говно, лучше как сэр выше посоветовал

Сэру посоветовал другой сэр

Сэру посоветовал другой сэр

да, точно

У совы посмотри howtocards

а можно пальцем тыкнуть плиз?)

а можно пальцем тыкнуть плиз?)

https://github.com/howtocards

спасибо

Блин, ребят. Как можно что нибудь задиспатчить через axios?

использую redux, redux-thunk

@itsjohncena а если всё ломается еще до рендера компонента и с next.js это решалось так: const AceEditor = dynamic(import('./ace-editor'), { ssr: false, });

@itsjohncena а если всё ломается еще до рендера компонента и с next.js это решалось так: const AceEditor = dynamic(import('./ace-editor'), { ssr: false, });

всмысле до рендера ломается? оберни всю компоненту в no-ssr и все, если не поможет то на уровень выше и до упора

Блин, ребят. Как можно что нибудь задиспатчить через axios?

это троллинг такой или что?)

это троллинг такой или что?)

ни какого троллинга....

import AceEditor from 'react-ace'; export default ({ onChange, value }) => ( null ); ReferenceError: window is not defined :C @itsjohncena

import AceEditor from 'react-ace'; export default ({ onChange, value }) => ( null ); ReferenceError: window is not defined :C @itsjohncena

а где no-ssr

уровнем выше

уровнем выше

попробуй весь пейдж обернуть

это разве может помочь, если всёломается при импорте из пакета? import AceEditor from 'react-ace';

это разве может помочь, если всёломается при импорте из пакета? import AceEditor from 'react-ace';

ему скорей всего document или window не хватает, должно помочь, обверни все в NoSSR

Кто-то с react-md работал? Почему может не отображать SVGIcon, хотя ссылка правильная

ему скорей всего document или window не хватает, должно помочь, обверни все в NoSSR

{typeof window !== 'undefined' && <AceEditor />} ?можно еще вот так попробовать закастылить

@javascript_jobs

Вам туда