Pavel
запрос с 10000000 айтемами это не гуд
А что есть другой выход?
George
Nextjs @nextjs_ru
Спасибо 🙂
Denis
А что есть другой выход?
лол да пагинация на бекенде, лимит и тд
Nikolay
Как правильно реализовать i18n - en.site.com, ru.site.com или site.com/en, site.com/ru
Ilya
Если на стороне бэкенда, тоже есть пагинация - эта либа подойдет?
да ей без разницы - даже есть по-моему пример с подгрузкой как раз по отсечке пагинации - посомтрите на оф.сайте по-моему вот этот пример как раз про это https://bvaughn.github.io/react-virtualized/#/components/InfiniteLoader
Алексей
Ребят, обязательно ли в Mobx, чтобы триггернуть ререндер после обновления observable массива модели, нужно дернуть какой-нибудь метод или свойство этого observable массива?
Nikolay
navigator.language || navigator.userLanguage
Я имею в виду как строить урл?
Алексей
Если новый мобикс на прокси то можно просто элемент мутировать вроде бы
Т.е. если я хочу просто в Контейнере передать Презентационному компоненту пропс в виде массива, мне нужно будет сделать бессмысленный map, например, чтобы массив отслеживался?
Roman
Seo
Это чат не про Seo 🤔
Andrey
Это чат не про Seo 🤔
а где чат про seo и реакт?
Roman
а где чат про seo и реакт?
а причем тут реакт?)
Andrey
а причем тут реакт?)
про то что если нужно продвигать SPA есть свои особенности
Ingwarrr
Ingwarrr
Я просто не могу не зафлудить тут эту божественную формы залогинивания
Nikolay
Это чат не про Seo 🤔
Попробуем с другой стороны. Мне нужно реализовать i18n на реакте. Как корректнее /проще строить урлы?
Vally
Проиграл
Алексей
Блин проверь в sandbox просто) не помню такой кейс. С 4 мобикс точно нужно было делать peek или slice
Вот кейс. После того, как я делаю push в observable массив, Todo класс не ререндерится. Но если в рендере юзнуть типа tasks.length; - ререндер будет. Т.е. тут нужно формальное обращение к observable структуре @inject('TasksModel') @observer class Todo extends Component { render() { const { TasksModel: { tasks }, } = this.props; return ( <TodoView addTask={this.handleAddTask} tasks={tasks} /> ); } export default Todo;
Алексей
И это какая-то жопа
Nikita
Ребят, нужно элемент крутить в пределах радиуса, есть какие-то решения? У меня есть 2 решения, но оба не катят. https://codesandbox.io/s/sad-tdd-3u02v 1. Решение это кручение элемента через родителя. 2. Расчитать точки заранее через единичную окружность и умножить это на нужный радиус. а потом через луп отрендерить 60 кадров в keyframes. 1 решение багается в фф 2 решение работает плохо в фф, так как числа после точки отбрасываются
Алексей
Декомпозиция на контейнеры и презентационные компоненты усложняется, ибо в каждом контейнере нужно костылить обращение к observable, чтобы срабатывал ререндер. ААААА
SᑎOᙖOᖇᑎ
а покажи какого текста много не одним ли ты словом его суешь
одним но всеравно же такое поведение должно бить предвиденним
Алексей
ладно, это крик души
Тимофей 🛴
Декомпозиция на контейнеры и презентационные компоненты усложняется, ибо в каждом контейнере нужно костылить обращение к observable, чтобы срабатывал ререндер. ААААА
На сколько я помню, там в доках явно рекомендуют юзать observer везде и не делить на контейнеры и презентационные
Yury
одним но всеравно же такое поведение должно бить предвиденним
если одним - то тебе нужно свойство css ‘word-wrap: break-word ’
Nikita
всмыле в пределах? в чем конкретно проблема?
я же вроде описал, оба решения в фф работают плохо. Открой пример в хроме и увидишь, что кораблик плавно огибает окружность в 5px, а в фф это ломается
Nikita
а я чем кручу?
Yury
чет оно не помагает
код в песочницу кинь
Алексей
так в этом вся суть mobx )
Я полагал он умеет ререндерить observer компонент, который передает дочернему компоненту observable структуру из стора
Igor
CherryTea
а у меня на чем O_o ?
а блин я посмотрел что на сендбоксе, решил там js решение. ну ты батенька любишь извращатся)
SᑎOᙖOᖇᑎ
код в песочницу кинь
word-break: break-all; помогло
Igor
как еще одни button сделать внутри map
Igor
Igor
как еще одни button сделать внутри map?
Yury
как еще одни button сделать внутри map?
Оберни в <></> обе кнопки
Ilya
Ребят, нужно элемент крутить в пределах радиуса, есть какие-то решения? У меня есть 2 решения, но оба не катят. https://codesandbox.io/s/sad-tdd-3u02v 1. Решение это кручение элемента через родителя. 2. Расчитать точки заранее через единичную окружность и умножить это на нужный радиус. а потом через луп отрендерить 60 кадров в keyframes. 1 решение багается в фф 2 решение работает плохо в фф, так как числа после точки отбрасываются
https://github.com/react-spring/react-spring (сайт с примерами у них частенько "лежит" или грузится не сразу - так что имеем терпение) или идем сразу на сандбокс счупать примеры https://codesandbox.io/search?query=&page=1&configure%5BhitsPerPage%5D=12&refinementList%5Bnpm_dependencies.dependency%5D%5B0%5D=react&refinementList%5Bnpm_dependencies.dependency%5D%5B1%5D=react-dom&refinementList%5Bnpm_dependencies.dependency%5D%5B2%5D=react-spring&refinementList%5Btemplate%5D%5B0%5D=create-react-app&refinementList%5Btags%5D%5B0%5D=react&refinementList%5Btags%5D%5B1%5D=react-spring
Igor
Оберни в <></> обе кнопки
спасибо , сорри только изучаю react (до этого с Angular работал)
Ilya
спасибо , сорри только изучаю react (до этого с Angular работал)
и сразу вот сюдой - https://ru.reactjs.org/docs/fragments.html пока "горячо" почитать - "шо це такэ" зачем и с чем едят...
Anonymous
Ребят, подскажите, с апи приходят объекты внутри есть свойства price quantity и тд содержащие значения типа "5.0000", есть ли универсальное решение превратить подобные свойства в number, заранее не зная какой объект придет и с какими свойствами, чтоб для каждого объекта не писать функцию для конвертирования?
Deyl
Что за гарды?
Ну защита кода от крэша если захочешь обратиться к несуществующим методам.
Andrey
А можно пожалуйста ссылку на пример ?
const parse = (data) => { try{ if(data.someField){ return data.otherField; } return Number(data); } catch(e) { return 0; } }
Deyl
А можно пожалуйста ссылку на пример ?
Это паттерн, прежде чем обращаться к какому-то объекту нужно проверять, существует ли он. Код выше, можно назвать гардом.
Anonymous
Это паттерн, прежде чем обращаться к какому-то объекту нужно проверять, существует ли он. Код выше, можно назвать гардом.
А есть ли рекурсивный способ проверки, универсальный, будь то объект или массив объектов?
Deyl
Самое милое дело в начале функции все моменты когда упасть может обработать. А потом выполнять действия, если все проверки пройдены.
Anonymous
Или мб в лодаш или плагин какой
Andrey
А есть ли рекурсивный способ проверки, универсальный, будь то объект или массив объектов?
это конечно к реакту мало отношения имеет, но раз уж начали либо optional chaining, либо const unwrap = (resolver, fallback) => { try{ const result = resolver(); return result === undefined ? fallback : result; } catch(e) { return fallback; } } const foo = {bar: 1}; const baz = unwrap(() => foo.xyz.quix, 1) // => 1
Alexey
РЕбята,добрый вечер,хочу захардкодить картинку в компонент,но не могу нормально выстроить путь,в чем у меня проблема?
Alexey
howitworks
ты в src положил string, он string и нарисовал тебе
Alexey
В папку паблик картинку засунь и от корня путь пиши
Alexey
И если штормом пользуешься - сделай вот так
Alexey
howitworks