По-моему таких вопросов на тостере ~1000

ок, пойду искать ответ

styled-components!

круто, но ксс прям в js както не удобно)

Спасибо, всеравно)

вместо url пишу pkdx

да

круто, но ксс прям в js както не удобно)

Ты один раз попробуешь и не бросишь.Особено с применением ThemeProvider и функций в интерполяциях

кажись я сразу угадал, в апи нету pkdx)

круто, но ксс прям в js както не удобно)

очень даже удобно

Ок, попробую на тестовом проекте)

кажись я сразу угадал, в апи нету pkdx)

Да, это все не сработает, потому что ни pkdx, ни pkdx_id в ответе нет http://pokeapi.co/api/v2/pokemon/

Чтобы заработало, можно вот тут https://github.com/Ekaterina-Kaschenko/Pokedex/blob/gh-pages/src/utils/api.js поменять .then(x => x.results) на .then(x => x.results.map( ({name, url}) => ({ url, name, pkdx: url.match(/^http:\/\/pokeapi.co\/api\/v2\/pokemon\/(\d*)\//)[1] }) ))

используй флексы и будет тебе добро

попробовал, выводит либо в 1 строку либо в 1 колонку блоки Нужно, когда с телефона заходят, блоки делать больше (по 2 блока в 1 строку), а когда с пк, делать их меньше (по 3 блока в строку). UPD: заюзал flex-wrap, блоки не выползают за экран. Но они все еще не выполняют условие. P.S: на тостере не нашел ответ по ключевым словам этого вопроса.

меняй ширину блоку на пк (33.3%) и на мобиле (50%)

меняй ширину блоку на пк (33.3%) и на мобиле (50%)

как?

приехали

с помощью media queries

сейчас же можно было продвинуть историю про sudo rm -rf / которая включает поддержку адаптивной верстки

погугли про адаптивную верстку, и будет тебе счастье. А это чатик про реакт, все-таки

сейчас же можно было продвинуть историю про sudo rm -rf / которая включает поддержку адаптивной верстки

Поддерживаю,

Юзает кто-нибудь графики для данных?

как?

if (window.scrollWidth > 500) { style.width = '40%' }

или style.width = `${window.scrollWidth / 2}%`

if (window.scrollWidth > 500) { style.width = '40%' }

что

бля

у цссшника батхурт

у цссшника батхурт

что ты несешь?

Юзает кто-нибудь графики для данных?

Я

Я

Какую либу используешь?

D3

что ты несешь?

не пиши мне плиз

с помощью media queries

Гугли

не пиши мне плиз

и мне тоже

не пиши мне плиз

Не пиши сюда плиз

триггеред

попробовал, выводит либо в 1 строку либо в 1 колонку блоки Нужно, когда с телефона заходят, блоки делать больше (по 2 блока в 1 строку), а когда с пк, делать их меньше (по 3 блока в строку). UPD: заюзал flex-wrap, блоки не выползают за экран. Но они все еще не выполняют условие. P.S: на тостере не нашел ответ по ключевым словам этого вопроса.

Ну она и стоит

Я на атоме https://github.com/vinkla/atom-octocat-syntax использовал

попробовал, выводит либо в 1 строку либо в 1 колонку блоки Нужно, когда с телефона заходят, блоки делать больше (по 2 блока в 1 строку), а когда с пк, делать их меньше (по 3 блока в строку). UPD: заюзал flex-wrap, блоки не выползают за экран. Но они все еще не выполняют условие. P.S: на тостере не нашел ответ по ключевым словам этого вопроса.

google mdn css media queries

ну блин это же легко гуглится

с бутстрапом легко делается

попробовал, выводит либо в 1 строку либо в 1 колонку блоки Нужно, когда с телефона заходят, блоки делать больше (по 2 блока в 1 строку), а когда с пк, делать их меньше (по 3 блока в строку). UPD: заюзал flex-wrap, блоки не выползают за экран. Но они все еще не выполняют условие. P.S: на тостере не нашел ответ по ключевым словам этого вопроса.

google mdn css media queries

подскажи пожалуйста, в display:block (основной див боди) находится display:flex с контентом. Можно ли параметрами флекса выровнять его по центру блока? Или нужно прописывать в нем марджины?

margin-left: auto

marigon-right: auto

или ты про дочерний флекса?

margin-left: auto

уже написал 25%

ну да margin

Я спрашивал есть ли у флекса свойство выровнятся самому внутри блока.

нет

google mdn css media queries

фуф, спасибо за совет про @media! Теперь можно четкие размеры в пикселях указать а не в %, vh, vw! ?

фуф, спасибо за совет про @media! Теперь можно четкие размеры в пикселях указать а не в %, vh, vw! ?

gospodee, сделегируй верстку кому-нибудь, пока не будешь уверен в своих знаниях. Адаптивный дизайн это сложно. По сабжекту - нужно уметь применять и величины включая rem и флекс и медиа вместе и аккуратно. Либо делай ответственно, что ли..

Простите, подгорело. Спокойной ночи, чат

нет

Есть же

Ребят, может кто напомнить, как называется метод, при котором данные с формы отправляются, если ее не трогали n-ое время, а не моментально после ввода? Никак вспомнить не могу

в общем случае это разновидность debounce с trailling вызовом

О, спасибо

debounce

подскажите, как вы проверяете отображение сайта на разных устройствах во время верстки.

подскажите, как вы проверяете отображение сайта на разных устройствах во время верстки.

беру разные устройства

ERROR: S client not available

беру разные устройства

шутка?

шутка?

нет

)))

Это дефолтное все? Выглядит круто, я бы попробовал на нем поработать

круто, но ксс прям в js както не удобно)

есть же jss

подскажите, как вы проверяете отображение сайта на разных устройствах во время верстки.

Браузерстек как вариант.

Браузерстек как вариант.

ещё есть эмуляторы

https://medium.com/@dtinth/immutable-js-persistent-data-structures-and-structural-sharing-6d163fbd73d2

подскажи пожалуйста, в display:block (основной див боди) находится display:flex с контентом. Можно ли параметрами флекса выровнять его по центру блока? Или нужно прописывать в нем марджины?

align-items: center;

кто-нибудь использует react-virtualized? тормозит? как справляетесь? (: https://i.gyazo.com/7346d20646e8d131e736946be8c173b4.gif https://i.gyazo.com/7af1e72dcf1bbdcd21c25b574f577fa7.gif в фф адовые лаги, тормозят сами демки с сайта react-virtualized, дичь =/ в опере норм, в сафари тормоза почти такие же как в фф https://github.com/bvaughn/react-virtualized/issues/291 https://github.com/bvaughn/react-virtualized/issues/87

Подскажите, а как из forEach вернуть значение filter'y

или может быть другие методы для фильтрации использовать?

хз что тебе надо но вот попробуй exp.filter(el => (el.lvl || []).filter(key => name === key).length);

??

а, нет

el.lvl есть у каждого объекта, так что первый фильтр не чего не поменяет

exp = массив из объектов, у каждого объекта есть параметр lvl который массив

по lvl нужно фильрануть

сравнить присутсвует ли в lvl name, если lvl[i] == name значит вернуть весь объект целиком

вообщем с обычным циклом for все работает

всем привет! Подскажите, где вы отслеживаете статус фичей грядущих стандартов ES 2017 (etc)?

похоже, что здесь: https://github.com/tc39/proposals :)

посмотри тут https://github.com/lukehoban/es6features#readme

похоже, что здесь: https://github.com/tc39/proposals :)

да

спасибо!

вообщем с обычным циклом for все работает

Возможно из-за того, что forEach вернет на каждый true или false, а потом завершит свою работу и вернет он внутырь себя(там где он циклом перебирает, окруженный своей лексической средой), а условие внутри for вернет и являясь частью калбека filter завершит работу с n-итемом.

тут есть дизайнеры?

Есть