Size: a a a

React — русскоговорящее сообщество

2021 March 24

MZ

Max Zinchenko in React — русскоговорящее сообщество
Den Pol
С ростом проекта разные разрабы будут указывать что захотят. Зачем, когда есть специальные переменные для этого?
ну не все дизайнеры делают как нужно :) что бы привязываться к контрольным точкам.

а так я согласен
источник

DP

Den Pol in React — русскоговорящее сообщество
Daniil Kuznetsov
А ты в курсе что они возвращают ту же строку? Вопрос про (любые) media запросы, а не про брейкпоинты в теме
Я в курсе. Но дизайнер должен придерживаться стандартов. Ну если очень надо - можно и костылить=)
источник

DK

Daniil Kuznetsov in React — русскоговорящее сообщество
Den Pol
Я в курсе. Но дизайнер должен придерживаться стандартов. Ну если очень надо - можно и костылить=)
Какой дизайнер, какой костыль? Медиа запросы это не только про ширину экрана. Вот почитай https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries
источник

DP

Den Pol in React — русскоговорящее сообщество
А, ну если так все серьезно, то соррян)
источник

DP

Den Pol in React — русскоговорящее сообщество
Max Zinchenko
[theme.breakpoints.down(1024)]: {}
[theme.breakpoints.up(1024)]: {}
Да, кстати.
И theme.breakpoints.down, и theme.breakpoints.up - inclusive, то есть работают не только на размеры меньше/больше указанного, но и на сам указанный размер. В данном случае правильней использовать одну из двух пар:

/* 1:
theme.breakpoints.down('md') и theme.breakpoints.up('lg')
*/

/* 2:
theme.breakpoints.down('sm') и theme.breakpoints.up('md')
*/

В твоем случае, down 1023, up 1024. Но лучше так не делать.
источник

MZ

Max Zinchenko in React — русскоговорящее сообщество
Den Pol
Да, кстати.
И theme.breakpoints.down, и theme.breakpoints.up - inclusive, то есть работают не только на размеры меньше/больше указанного, но и на сам указанный размер. В данном случае правильней использовать одну из двух пар:

/* 1:
theme.breakpoints.down('md') и theme.breakpoints.up('lg')
*/

/* 2:
theme.breakpoints.down('sm') и theme.breakpoints.up('md')
*/

В твоем случае, down 1023, up 1024. Но лучше так не делать.
👍
источник

МК

Миша Ковальчук... in React — русскоговорящее сообщество
может кто-то сталкивался. Работаем с material ui, в проекте на одной странице могут быть несколько точек входа (ReactDOM.render), и порой возникают конфликты стилей из-за чего что-то ломается. Как уже только не пытались исправить.. Это можно как-то решить?
источник

НЩ

Никита Щербаков... in React — русскоговорящее сообщество
Ребята на вскидку в чем может быть проблема когда компонент рендерится больше одного раза ?
источник

НЩ

Никита Щербаков... in React — русскоговорящее сообщество
источник

НЩ

Никита Щербаков... in React — русскоговорящее сообщество
источник

Д

Денис in React — русскоговорящее сообщество
Есть нормальный ui-kit для реализации чата? Или может кто видел хороший html шаблон для чатов.
источник

YS

Yegor Shevchenko in React — русскоговорящее сообщество
Всем привет.
Пишу проект на React + Next.js, по сути, первый проект на реакте.
Столкнулся с проблемой: в IE11 не работает js, а, как оказалось, надо.
Не подскажете где можно подсмотреть конфиг для билда, чтобы typescript в es5 преобразовать и как это имплементировать в настройки приложения?

Попробовал несколько вариантов, которые нашел в сети, но ни с одним ничего не заработало. То есть в адекватных браузерах все ок, но IE (даже 11) ругает мой js.

Не факт, что я все правильно настраивал по статьям, но если знать что схема заведомо рабочая, то как-то проще искать проблему😬

Благодарен любой помощи.

Пробовал такие конфиги настроить:
https://dontry.github.io/2019-06-12-nextjs-ie-support.html
https://github.com/babel/babel/issues/9796#issuecomment-478687518
источник

AG

And Grigoryan in React — русскоговорящее сообщество
Yegor Shevchenko
Всем привет.
Пишу проект на React + Next.js, по сути, первый проект на реакте.
Столкнулся с проблемой: в IE11 не работает js, а, как оказалось, надо.
Не подскажете где можно подсмотреть конфиг для билда, чтобы typescript в es5 преобразовать и как это имплементировать в настройки приложения?

Попробовал несколько вариантов, которые нашел в сети, но ни с одним ничего не заработало. То есть в адекватных браузерах все ок, но IE (даже 11) ругает мой js.

Не факт, что я все правильно настраивал по статьям, но если знать что схема заведомо рабочая, то как-то проще искать проблему😬

Благодарен любой помощи.

Пробовал такие конфиги настроить:
https://dontry.github.io/2019-06-12-nextjs-ie-support.html
https://github.com/babel/babel/issues/9796#issuecomment-478687518
В тс конфиг можно выбрать es5
источник

YS

Yegor Shevchenko in React — русскоговорящее сообщество
And Grigoryan
В тс конфиг можно выбрать es5
http://joxi.ru/BA04nlvcpa4YNA - c этим вроде все верно
источник

AG

And Grigoryan in React — русскоговорящее сообщество
Странно, тоесть при таком конфиге к примеру классы так и остаются классами?
источник

S

Sasha in React — русскоговорящее сообщество
В интернете полно статей про использование useContext и useReducer для создания общего хранилища данных для дерева компонентов, но большинство из них или устарели или резко критикуются в комментариях. Подскажите пожалуйста, как новичку в React, где найти актуальную информацию на эту тему?
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Sasha
В интернете полно статей про использование useContext и useReducer для создания общего хранилища данных для дерева компонентов, но большинство из них или устарели или резко критикуются в комментариях. Подскажите пожалуйста, как новичку в React, где найти актуальную информацию на эту тему?
Используй стейт менеджер, effector, reatom, mobx, redux и тд
источник

IN

Igor N in React — русскоговорящее сообщество
Sasha
В интернете полно статей про использование useContext и useReducer для создания общего хранилища данных для дерева компонентов, но большинство из них или устарели или резко критикуются в комментариях. Подскажите пожалуйста, как новичку в React, где найти актуальную информацию на эту тему?
Для общего хранилища данных нет ничего лучше стейт-менеджера
источник

НЩ

Никита Щербаков... in React — русскоговорящее сообщество
используй redux
источник

VB

Viktor Busko in React — русскоговорящее сообщество
Sasha
В интернете полно статей про использование useContext и useReducer для создания общего хранилища данных для дерева компонентов, но большинство из них или устарели или резко критикуются в комментариях. Подскажите пожалуйста, как новичку в React, где найти актуальную информацию на эту тему?
источник