artalar
🤔 https://github.com/troch/reinspect
Anonymous
Ну удачи в такой помойке как интернет искать крупицы необходимых знаний. Если вы начинающий - то вы без проблем найдёте то что вам нужно. Если нет, то ответы на ваши вопросы будут в сети все реже и реже встречаться. Я, к сожалению, уже достиг той грани, что пора нанимать конкретных людей для менторства, хотя все ещё отрицаю это и пытаюсь месяцами искать ответы на свои вопросы.
Это звучит как "я настолько преисполнился в своем познании"... А если вы не начинающий, то у вас должно быть достаточно проф.интуиции, для получения ответов на свои вопросы самому. А ещё это значит, что вам нужно читать пейперы, cs статьи. Если вам и этого недостаточно - что ж, значит задаёте очень специфические вопросы(я тоже сталкивался с этим), либо ищете не там, либо вопрос нужно перефразировать, потому что ещё нужно знать, что точно искать
Андрей
Это звучит как "я настолько преисполнился в своем познании"... А если вы не начинающий, то у вас должно быть достаточно проф.интуиции, для получения ответов на свои вопросы самому. А ещё это значит, что вам нужно читать пейперы, cs статьи. Если вам и этого недостаточно - что ж, значит задаёте очень специфические вопросы(я тоже сталкивался с этим), либо ищете не там, либо вопрос нужно перефразировать, потому что ещё нужно знать, что точно искать
А если вы не начинающий, то у вас должно быть достаточно проф.интуиции, для получения ответов на свои вопросы самому Особенно это прекрасно в практических вопросах, в которых спека нифига не помогает. Самый простой пример: вы знали, что хром и лиса по разному реализуют спеку гридов? Причём по-разному - это не значит, что результат идентичный. Предлагаете мне в исходники лезть, чтобы разбираться в каком именно месте их движок рендеринга приводит к такому результату? пейперы, cs статьи Которые никак не помогают на практике в 95% случаев, когда ты пишешь бизнес-логику. Да, когда я пишу либы, то даже небольшое знание cs помогает. В бизнес коде никакой помощи нет. либо ищете не там, либо вопрос нужно перефразировать, потому что ещё нужно знать, что точно искать Вот извините, не догадался ещё как запрос css grid padding получше уточнить, чтобы найти свою проблему.
Дмитрий
ребят, привет, столкнулся с ошибкой в react-input-mask на IOS (Chrome) - при автозаполнении поля падает все приложение(поле с номером кредитной карты). Кто-нибудь сталкивался с такой проблемой? На Гитхабе есть вопрос, но без ответа, к сожалению((
Sheldhur
у кого нибудь есть на примете нормальный emoji picker? emoji-mart какой-то ебанутый делал, он все 2к смайлов разом рендерит
Дмитрий
так ошибка какая?
ERRORThe above error occurred in the <InputElement> component:
Дмитрий
ну а выше что? или ниже
ERRORThe above error occurred in the <InputElement> component: in InputElement (at AccordionCardNew.jsx:160) in div (at AccordionCardNew.jsx:159) in div (at AccordionCardNew.jsx:156) in form (at AccordionCardNew.jsx:155) in div (created by AccordionCollapse) in Transition (created by Collapse) in Collapse (created by AccordionCollapse) in AccordionCollapse (at AccordionCardNew.jsx:154) in div (at AccordionCardNew.jsx:136) in AccordionCardNew (at OpenBankRIBPciDss.jsx:111) in div (created by ForwardRef) in ForwardRef (at OpenBankRIBPciDss.jsx:110) in div (at OpenBankRIBPciDss.jsx:100) in OpenBankRIBPciDss (at Pay.jsx:679) in Suspense (at Pay.jsx:678) in div (at Pay.jsx:493) in div (at Pay.jsx:481) in PayProcess (at src/index.js:27) in Suspense (at src/index.js:27) in Route (at src/index.js:27) in Switch (at src/index.js:23) in div (at src/index.js:20) in div (at src/index.js:19) in Router (created by BrowserRouter) in BrowserRouter (at src/index.js:18) in App (at src/index.js:55) in Suspense (at src/index.js:37) Consider adding an error boundary to your tree to customize error handling behavior. Visit https://fb.me/react-error-boundaries to learn more about error boundaries.
Roman
это все, что в консоль вывелось
возможно что-то обрезает консоль, но выше точно должна быть ошибка
Дмитрий
Roman
ну может выше ворнингов ещё есть?
Stanislav
Привет, народ! Вопрос не о реакте, просто интересно ваше мнение. Какую вёрстку вы считаете более правильной? - фиксированный контейнер, который меняется по брейкпоинтам - резиновая вёрстка в контейнере, которая меняется по брейкпоинтам?
Sheldhur
у кого нибудь есть на примете нормальный emoji picker? emoji-mart какой-то ебанутый делал, он все 2к смайлов разом рендерит
Артем
Что такое брейкпоинт? Но вообще тебе в @css_ru
точка смены разрешения... от которой пляшет верстка
Stanislav
Что такое брейкпоинт? Но вообще тебе в @css_ru
@media (max-width: 1200px) @media (max-width: 992px) И т.д.
Костян
Хороший вопрос) Все зависит от желания клиента, контейнер бутстрапа 1170 пикселей уже маловат с учетом количества 1920x1080. Я если делаю полноэкранный сайт, который на весь экран любого монитора делаю резину %, rem, vw)
Дмитрий
ну может выше ворнингов ещё есть?
только другие ворнинги
Андрей
точка смены разрешения... от которой пляшет верстка
Спроси у бизнеса что ему надо. Если ему пофиг, то делай как тебе проще.
Костян
Я потихоньку отказываюсь от бутстрапа, пилю сетки на флексах сам, они более гибкие получаются
Stanislav
Спроси у бизнеса что ему надо. Если ему пофиг, то делай как тебе проще.
Так то да. Опять же, интересно, что кто думает об этом)
Костян
на vw прикольно я конвертором из макета перевожу размеры в vw
Stanislav
вот ремами норм, потому что весь сайт можно сразу поменять по размерам, еще видел хелперы делают, что бы пиксели в ремы конвертировать
Ремы тоже уже не предел. Смотрел доклад Фридмана о редизайне Smashing Magazine. Они вообще от media quaries отказались, всё вычисляли с помощью calc
Bogdan
Калк дебажить очень сложно.
дебажить верстку? шо? как это
Андрей
дебажить верстку? шо? как это
Если ты резиновость через калк делаешь, то это очень много проблем может принести. Мы, к примеру, просто плюёмся от калков, которые на текущем проекте зашиты.
Stanislav
Калк дебажить очень сложно.
Разве что все возможные элементы отслеживать, нормально ли работает делитель в том или ином виде и на том или ином размере документа
Андрей
+ у калка проблема в том, что есть очень огромное желание костыль в вычислениях подзасунуть.
Артем
по идее калк еще и нагрузку должен давать поболее на браузер
Андрей
по идее калк еще и нагрузку должен давать поболее на браузер
Я тоже так считаю, но не уверен, поэтому не стал об этом говорить.
Bogdan
подскажите такой вопрос, в роутинг прокинут юзер, соответственно он есть у каждого компонента в пропсах, насколько это плохо?
Артем
Ну я от логики отталкиваюсь. Все операции по масштабированию от процентов "встроены" в браузер и откомпилированы. А калк по сути должен сначала парситься как операция, потом распарсить и пересчитать аргументы, потом провести операцию рассчета результата и дальше отрисовать... И это все уже не компилируемая хрень
Bogdan
зачем он хранится в ссылке?
тоесть в ссылке? я подумал просто, что удобно прокинуть юзера всем, но на каждый апдейт юзера будет тригер всего, но так ли это плохо, если юзер апдейтится очень редко
Bogdan
а при чем тут роутинг? ты в ссылке хранишь ид юзера?
тоесть причем? я в роутинг конфиг его прокинул, оттуда во все компоненты он кидается, разве что если юзер нужен не всем только
Артем
а при чем тут роутинг? ты в ссылке хранишь ид юзера?
Скорее всего речь про пропсы - он юзерданные прокидывает в каждый компонент по цепочке
Bogdan
храни в контексте или сторе
да он в сторе и хранится, тоесть кидать в каждый компонент его плохо?
Nikolai
да он в сторе и хранится, тоесть кидать в каждый компонент его плохо?
как ты его закинул в "каждый" компонент? через пропсы? ручками?
Bogdan
return ( <route.component {...props} user={user}
Stanislav
[Под грифом: Я в React новичок] Подскажите плиз. Чем первый action отличается от второго? 1. doSomething = id => { type: 'TYPE', id } 2. doSomething = id => { (dispatch, getState) => {dispatch(TYPE) ... } }
Bogdan
да я понимаю, что юзер везде не нужен, а тригернетсявсе, где он есть, лучше по месту его уже брать, думал убедиться
TK
Добрый день, хочу установть create react app, всегда делал по доке (npx create-react-app my-app -> cd my-app -> npm start) всегда всё работало, а сейчас на другом компе не работает,
Костян
Нахер айос)
Костян
Надеюсь эппл пойдет на принцип, и не будет предустанавливать ПО по новому закону и как мужик уйдет с рынка не прогнувшись))
Alexander
Можно ли подключить селектор данных из стора в app.js?
Александр
Надеюсь эппл пойдет на принцип, и не будет предустанавливать ПО по новому закону и как мужик уйдет с рынка не прогнувшись))
Уже много раз прогинались и делали локализации под разные регионы, что заставляет думать что на этот раз откажутся?
Костян
Да нет конечно, никто такой рынок не отдаст)
Андрей
И вообще это уж совсем оффтоп. Идите в @flood_ru
Александр
Малый размер рынка.
Возможно, вопрос ведь в экономической целесообразности для аппле, если затраты на исполнение превысят профит то пошлют нас
Alexander
куда угодно
каким макаром? я через конект подключаю в других места в экспорте
Александр
каким макаром? я через конект подключаю в других места в экспорте
Точно таким же образом, в чем проблема? Или вам не компонент надо приконнектить?
Андрей
const render = messages => { ReactDOM.render( куда тут подключать?
Ты где стор редакса инстанцируешь?
Александр
const render = messages => { ReactDOM.render( куда тут подключать?
Хм, а зачем такую конструкцию вообще городить? Почему не сделать компонент в котором все данные будут получаться и его один раз отрендерить через ReactDOM?
Alexander
Ты где стор редакса инстанцируешь?
Ты про это? const store = configureStore(initialState, history);
Stanislav
Попробую ещё раз... [Под грифом: Я в React новичок] Подскажите плиз. Чем первый action отличается от второго? 1. doSomething = id => { type: 'TYPE', id } 2. doSomething = id => { (dispatch, getState) => {dispatch(TYPE) ... } }
Alexander
Да.
Да оно в app.js, тока сча увидел. В нем доступ к стору?
Александр
Попробую ещё раз... [Под грифом: Я в React новичок] Подскажите плиз. Чем первый action отличается от второго? 1. doSomething = id => { type: 'TYPE', id } 2. doSomething = id => { (dispatch, getState) => {dispatch(TYPE) ... } }
Во втором случае фигурные скобки лишние подозреваю. В первом случае вызов функции возвращает action, то есть объект с полем type, который будет передан редаксом (мы же про него?) в редьюсер, а во втором случае вернётся функция (так называемый thunk) но для того чтобы редакс обработал его нужна специальная middleware
Андрей
Да оно в app.js, тока сча увидел. В нем доступ к стору?
То что тебе сейчас помогают не значит, что ты должен отключать мозг. Хотя бы console.log(store) сделай, чтобы ответить на свой вопрос.