« Rev
@react_js   1801
Fwd »


Umirzak
🙈
Китикет
Причина какая была?
В общем после новых реакт скриптс у меня даже после отлова ошибки sentry, она все равно начала высвечиваться
Китикет
А ошибку, сам текст мож?
А ты видел когда я это написал?)
Ivan
Ребят, подскажите. Делаю crud, данные прилетают в массиве объектов с сервера. Как лучше логику полей в шапке таблицы, те последовательность их вывода реализовать? Идея, что создаю массив, в нем в нужном порядке описываю вывод полей, потом по циклу иду по этому массиву и забираю значения из объекта данных
Kurzdor
А ты видел когда я это написал?)
Ну, я люблю понекропостить =)
Михаил
ну если он щас на классах то впринципе вероятнее всего) хотя вдруг он вобще сразу с класов начал
я когда то изучал программирование, но другие языки, потом забросил, а сейчас вернулся. Может просто что то забыл.
Китикет
Ну, я люблю понекропостить =)
Да и оказалось что проблемы никакой не было, просто раньше бы такая ошибка не высветилась, хоть она и была (сентри ловит) Да и я сервер забыл запустить)
Dmitry
Ребятки, а кто-нибудь сталкивался с проблемой, когда делаешь npm link пакета со styled-components. То вылетает ошибка invalid hooks usage
Dmitry
Зачем тебе npm link?
чтобы локально изменения пакета тестировать в проектие
Amyr
а что от вас на работе обычно требуют? что обычн она реакте пишете? больше верстки или больше программирования
Китикет
🤔
from
все верно
Может ты не сбилдил? Советую попробовать npm pack и сделать install тарболла и ещё советую prepack скрипт делать со сборкой
ℜ𝔬𝔪𝔞𝔫
всем привет! кто работал с tapfiliate? нужна твоя помощь!
N
Всем привет, как можно организовать модульное деления в цикле? например в первой итерации цикла сделать отдельный стиль и через каждый третий итерации возвращаться к этому стилю?
Alexey
Речь про CSS?
:nth-child(3) или что-то вроде
N
Речь про CSS?
Нет в цикле применять разные стили, через определенные итерации
N
Речь про CSS?
как то так:
Michael
Нет в цикле применять разные стили, через определенные итерации
засунь стиль в переменную, inline стили, если классы, то классы в переменную и проверяй условие
Китикет
Очевидно это не просто стиль, это надо отдельным компонентом делать
Китикет
А вот рендерить его каждым 4, начиная с 1
Dmitry
только вчера мучился с этим
И как? Я в итоге билд прочто рукамт копирую, но это такое
N
А вот рендерить его каждым 4, начиная с 1
а php есть процентное деления в цикле, может и в react можно найти подобное.
Michael
да, в данном случае лучше сделать 2 компонента, в одном разметка на один эллемент, в другом на 3
King
нужно алиасы вебпака прописать aliases: { react: “./node_modules/react” }
Alexey
Вроде через CSS проще и быстрее, но раз уж задача такая, почему бы не сделать % 3 === 0 проверку?
Китикет
% 4 только) Внутри map
King
нужно алиасы вебпака прописать aliases: { react: “./node_modules/react” }
точно не помню синтаксис проблема в том что там две версии реакта бандлится, и нужно вебпак носом тыкнуть в правильную версию
Alexey
Точно. Но ведь nth-child будет быстрее работать, почему не его?
Китикет
Точно. Но ведь nth-child будет быстрее работать, почему не его?
Потому что это не для стилей задача, к тому же там дополнительная инфа на этих карточках появляется, будешь ее через стили показывать, серьезно?
Alexey
а как через css?
Всем детям можно задать один и тот же класс и сделать селектор по номеру ребенка
Китикет
да но есть ведь display: none
Ты собрался логику рендеринга выносить в css?)
Alexey
Вопрос был до скрина, но я бы по возможности лэйаут делал на CSS
Китикет
Зачем разные сущности определять в одну, и стилями костылить ее?
N
Ты собрался логику рендеринга выносить в css?)
Чем это хуже? а если в рендер применят условия % 3 === 0 как сказал: @kureev
Китикет
Чем это хуже? а если в рендер применят условия % 3 === 0 как сказал: @kureev
Именно в том и дело, что надо делать условие в рендере и если оно выполняется - рендерить большую карточку Это задача НЕ ДЛЯ CSS Если это не получается понять, то я тут не в силах ничего сделать)
Alexey
Такой лэйаут можно сделать на CSS без логики на JS. Это будет быстрее работать на больших списках и уберет статический лэйаут из JS кода. Вариант с map тоже сработает, но я не вижу чем этот подход лучше
N
@kureev , @risenforces спасибо за объяснение.
Alexey
В общем, мнения разошлись. Я не вижу смысла ни подождать спор, ни разводить холивар :) Автор может выбрать любой из полюбившихся ответов. Всегда пожалуйста
Ruslan Yumakaev
Ребят, почему в консоль получаю undef?
Ruslan Yumakaev
ааа, промисы же, сори
Китикет
Такой лэйаут можно сделать на CSS без логики на JS. Это будет быстрее работать на больших списках и уберет статический лэйаут из JS кода. Вариант с map тоже сработает, но я не вижу чем этот подход лучше
Тем что за подобную логику должен отвечать рендеринг на стороне js, css был бы уместен чисто для мелких косметических изменений, либо в очень редких кейсах
Ruslan Yumakaev
await data.json
Спасибо)
Китикет
Все должно быть максимально прозрачно, а не размазано наполовину в js, наполовину в css
Serega🏝
привет, подскажите плиз не могу авторизоваться, делаю запрос к сайту, там json, на сайте http auth, https://codepen.io/pichugin/pen/NWPjKMM сделал запрос через postman забрал от тутда 'Authorization': 'Basic YWRtaW46c1MjMzQ5MDU0Mg==' должен в консоли json быть, но сначала ругется OPTIONS https://api.exemple.ru/wp-json/wp/v2/posts/ 401 а потом Access to XMLHttpRequest at 'https://api.exemple.ru/wp-json/wp/v2/posts/' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.
Евгений
всем привет. Кто ни будь юзал mobx ? Стоит ли переходить на него (создаю новое приложение) ? Как лучше сделать общий стор ? =)
Евгений
спс
Maxim
createContext/useContext ?
у тебя будет один хук типо useStire(), и потом для нужных сторов ты делаешь хук типо const useSomeData = () => useStore().store1.store2
Michael
спс
общий стор делается через общий класс и не нужен никакой CreateContext, просто в него соединяешь классы других частей и всё
Michael
это что бы не делать цепочку при достучивании до нужного стора
да и цепочку не надо делать, в компоненте подключаешь только тот класс, который используешь
Michael
это уже говнокодец
это называется разделяй и влствуй, а использовать инструмент не по назначению - это уже говнокод
Michael
иди в доки, не вижу смысла продолжать
если бы mobx был таким в использовании как ты его описываешь, его бы не пользовали вообще... а так да, доки надо читать
« Rev
@react_js   1801
Fwd »