Можешь уточнить подробнее, что делает этот контейнер, какой запрос он отпраляет и куда? И что за страницы? Роуты?

Контейнер хедер, делает запрос на сервер для получения основной информации о пользователе имя, аватар, и т.д. На главной странице хедер нормально работает, данные приходят, а на странице пользователя приходит что сервер вернул 405

Контейнер хедер, делает запрос на сервер для получения основной информации о пользователе имя, аватар, и т.д. На главной странице хедер нормально работает, данные приходят, а на странице пользователя приходит что сервер вернул 405

CORS на серваке подшаманить

Контейнер хедер, делает запрос на сервер для получения основной информации о пользователе имя, аватар, и т.д. На главной странице хедер нормально работает, данные приходят, а на странице пользователя приходит что сервер вернул 405

Тут на сервере проблема. У тебя либо этот роут не обрабатывается, либо проблема с cors

но почему тогда на главной все ок?

но почему тогда на главной все ок?

Скорее всего на сервере есть middleware которая обрабатывает корневой роут "/", а твой другой роут - нет.

спасибо, буду исправлять)

Hello! Прошу глянуть код action'а. Никаких проблем нет, но хотел бы узнать от Гуру, что можно улучшить, а может и вовсе заменить. Коротко об action'e: Получает роут, после чего диспатчит включение прелоадера, и начинает рекурсивно из данных прогружать медиа, и при полной прогрузке убирает перлоадер. https://codesandbox.io/s/1q1o42y13j P.S. Всё прокоментировал.

t.me/javascript_jobs

На сэндбокс скидывай

Никто себе загружать файлы не будет

Как мы можем получить доступ к контекстному состоянию api в жизненном цикле компонента или методах

Как мы можем получить доступ к контекстному состоянию api в жизненном цикле компонента или методах

Хок

https://codesandbox.io/s/1q1o42y13j

this

Как мы можем получить доступ к контекстному состоянию api в жизненном цикле компонента или методах

https://reactjs.org/docs/faq-ajax.html

а если есть <App> {rotes}(файл с роутами) </App>, И в самом App render() { return ( <Heder/> {this.props.children})}, но если мне не на всех страницах нужен хедер как это реализовать?

проверкой

а если есть <App> {rotes}(файл с роутами) </App>, И в самом App render() { return ( <Heder/> {this.props.children})}, но если мне не на всех страницах нужен хедер как это реализовать?

Пропс ебашь хули

Пропс ебашь хули

что б принимать роуты, есть более изящный вариант?

Тут недавно активно обсуждали стрелочные функции как замену биндингу. Подскажите, какой пресет или плагин бабелю подсунуть для этого.

Нашел статью на медиум, что пресет stage 1, но бабель их задепрекейтил вроде ж...

Тут недавно активно обсуждали стрелочные функции как замену биндингу. Подскажите, какой пресет или плагин бабелю подсунуть для этого.

@babel/plugin-proposal-class-properties

@babel/plugin-proposal-class-properties

Так вроде из коробки уже ж работают

Так вроде из коробки уже ж работают

какие опции для этого?

Некс с 6 бабелем еще, там es2015 пресет

Так вроде из коробки уже ж работают

С какой версии? И как настроить? Чет babel.io лежит походу...

И вроде stage-0

С какой версии? И как настроить? Чет babel.io лежит походу...

https://babeljs.io/ так вроде вот их домен

Ну да, ну да... Я по памяти написал, иду на правильный, он и лежит.

У меня может только..

Спасибо за обсуждение про стили, но ответ я так для себя и не понял. Сейчас склоняюсь к JSS, т.к. он гибкий, не зависит от настроек Webpack и вместе с этим позволяет включить оптимизацию при сборке, легко используется на стороне сервера, позволяет использовать темы. Но есть вопрос: как использовать его вместе с TypeScript? Вот эта статья мне не помогает - полученные типы не соответствуют назначению и обязательные classes мешают создать компонент (требуется передать параметры): https://material-ui.com/guides/typescript/

Может кто-нибудь подсказать хороший пример использования? В идеале с использованием декораторов

Спасибо за обсуждение про стили, но ответ я так для себя и не понял. Сейчас склоняюсь к JSS, т.к. он гибкий, не зависит от настроек Webpack и вместе с этим позволяет включить оптимизацию при сборке, легко используется на стороне сервера, позволяет использовать темы. Но есть вопрос: как использовать его вместе с TypeScript? Вот эта статья мне не помогает - полученные типы не соответствуют назначению и обязательные classes мешают создать компонент (требуется передать параметры): https://material-ui.com/guides/typescript/

почему не less+ css modules + less

почему не less+ css modules + less

less — мертвец

less — мертвец

бред же

less — мертвец

+

пока он удобен его будут юзать

не спорь с ними. это бесполезно.

Можно вместо него использовать scss, я понял вопрос и сейчас отвечу своё мнение

Можно вместо него использовать scss, я понял вопрос и сейчас отвечу своё мнение

Postcss

Спасибо за обсуждение про стили, но ответ я так для себя и не понял. Сейчас склоняюсь к JSS, т.к. он гибкий, не зависит от настроек Webpack и вместе с этим позволяет включить оптимизацию при сборке, легко используется на стороне сервера, позволяет использовать темы. Но есть вопрос: как использовать его вместе с TypeScript? Вот эта статья мне не помогает - полученные типы не соответствуют назначению и обязательные classes мешают создать компонент (требуется передать параметры): https://material-ui.com/guides/typescript/

почему sc, а не jss: - нет жонглирования классами - styled-jss работает криво(очень сырой) - строковые стили читать, писать и автодополнять проще

Можно вместо него использовать scss, я понял вопрос и сейчас отвечу своё мнение

scss ещё более дохлый

пока он удобен его будут юзать

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

Что может быть лучше scss&

scss ещё более дохлый

Остаётся только css?

Что может быть лучше scss&

styled-components

styled-components

А если не реакт?

что может быть хуже стилей в компонентах

А если не реакт?

Styled-elements

что может быть хуже стилей в компонентах

Выдуманный язык который мертв

А если не реакт?

postcss

почему sc, а не jss: - нет жонглирования классами - styled-jss работает криво(очень сырой) - строковые стили читать, писать и автодополнять проще

1. Не сталкивался с жонглированием, приведите примеры 2. Аргументируйте кривость опять же примерами 3. Субъективное мнение, в jss работает автодополнение при использовании ts

что может быть хуже стилей в компонентах

только жонглирование классами

ERROR: S client not available

Только что проверил

1. Не сталкивался с жонглированием, приведите примеры 2. Аргументируйте кривость опять же примерами 3. Субъективное мнение, в jss работает автодополнение при использовании ts

1. ну представь у тебя кнопка может быть в 3 состояниях, и может иметь 5 разных внешних видов, а ещё с иконкой внутри в двух разных сторонах сколько там будет классов? а теперь представь какими if/classnames это все надо менять. и какой оверхед на чтение. styled-components — смотришь и сразу видишь всё, а не открываешь два файла и матчишь где-что

Изменение порядка загрузки не влияет на необходимость в material ui к таким финтам ушами && { padding: 0 }

@artalar

матчить если классы семантические не составит труда

1. ну представь у тебя кнопка может быть в 3 состояниях, и может иметь 5 разных внешних видов, а ещё с иконкой внутри в двух разных сторонах сколько там будет классов? а теперь представь какими if/classnames это все надо менять. и какой оверхед на чтение. styled-components — смотришь и сразу видишь всё, а не открываешь два файла и матчишь где-что

Бля жиза

В общем моя рекомендация по прежнему с material ui юзать jss

Бля жиза

?

Там просто некуда деваться. Или каскады и оверрайды, или жсс

1. Не сталкивался с жонглированием, приведите примеры 2. Аргументируйте кривость опять же примерами 3. Субъективное мнение, в jss работает автодополнение при использовании ts

2. когда пытаешься юзать object-styles вместе с function-object-styles на одном компоненте, часть вообще не применяется const Foo = styled('button', { color: 'black' }, (props) => props.active ? { color: 'red' } : {} )

Бля жиза

❤️ sc

1. ну представь у тебя кнопка может быть в 3 состояниях, и может иметь 5 разных внешних видов, а ещё с иконкой внутри в двух разных сторонах сколько там будет классов? а теперь представь какими if/classnames это все надо менять. и какой оверхед на чтение. styled-components — смотришь и сразу видишь всё, а не открываешь два файла и матчишь где-что

Кстати раз тема зашла

А можно ли в стайледе сделать один компонент типа Heading

1. Не сталкивался с жонглированием, приведите примеры 2. Аргументируйте кривость опять же примерами 3. Субъективное мнение, в jss работает автодополнение при использовании ts

3. в vscode написан плагин для тайпскрипта, подсказки божественные

и в зависимости от пропсы будет падать h1 h2 h3

В общем моя рекомендация по прежнему с material ui юзать jss

Jss, а не SC?

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

ок а если тебе нужно завязаться на класс пропрородителя? ты будешь пропс спускать вниз?

ок а если тебе нужно завязаться на класс пропрородителя? ты будешь пропс спускать вниз?

Зачем на него завязываться?

и в зависимости от пропсы будет падать h1 h2 h3

да. const Inner = ({ size, className, children }) => { const Tag = h${size} return <Tag className={className}>{children}</Tag> } const Heading = styled(Inner)` color: red; ` <Heading size={2} />

и в зависимости от пропсы будет падать h1 h2 h3

const Heading = ({ tagName, children }) => React.createElement(tagName, { children }); стайлед тут не нужен же

1. Не сталкивался с жонглированием, приведите примеры 2. Аргументируйте кривость опять же примерами 3. Субъективное мнение, в jss работает автодополнение при использовании ts

автодополнение и в less + css modules + ts работает, + автогенерация дефенишнов

const Heading = ({ tagName, children }) => React.createElement(tagName, { children }); стайлед тут не нужен же

ну у меня разные стили под каждый хеддинг

да. const Inner = ({ size, className, children }) => { const Tag = h${size} return <Tag className={className}>{children}</Tag> } const Heading = styled(Inner)` color: red; ` <Heading size={2} />

чейто? что то не понял

автодополнение и в less + css modules + ts работает, + автогенерация дефенишнов

автогенерация дефинишенов — костыль

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