отличается, хрому всё равно)

поменял дисплей с фулл скрина и PWA получают старый манифест, я его уже даже в кеш воркера пихал с версионностью

он такой: ок, надо обновить манифест и воркер всё равно его тянет с диска)

в хедерах сервера кеша нету, на странице стоит мета, wtf

версии есть в манифесте?

нету

"manifest_version", "version", и "name"

Так же, да?

попробуй их генерить новые

Так же, да?

https://developer.chrome.com/apps/manifest

Спасибо за помощь!

помогло?

Отпишусь, одной рукой базу репейр)

Привет Как лучше всего в StyledComponents писать стили для вложенных элементов? Например есть атом кнопки, но в условиях, например, хеадера, нужно, чтобы у кнопки было специфичное позиционирование Вешать на кнопку класс и в  sc  хеадера писать стили по классу или есть вариант лучше?

Встроенного referring'а не хватает? const Button = styled.button` ${Header} & { ... } ... `

Встроенного referring'а не хватает? const Button = styled.button` ${Header} & { ... } ... `

тогда компонент становится зависимым от другого

тогда компонент становится зависимым от другого

Да, так и думал. Но так это же специфичное проведение. Если оно зависит от чего-то другого, компонентонезависимого, то используй это. Ну например если это стили для последнего элемента в заголовке

пфф, хром в режиме PWA вообще не спрашивает манифест, похоже с каким дисплей параметром оно ставилось так и остаётся, должен быть выход)

Привет Как лучше всего в StyledComponents писать стили для вложенных элементов? Например есть атом кнопки, но в условиях, например, хеадера, нужно, чтобы у кнопки было специфичное позиционирование Вешать на кнопку класс и в  sc  хеадера писать стили по классу или есть вариант лучше?

Сгенерить HeaderButton?

styled(Button)`

Встроенного referring'а не хватает? const Button = styled.button` ${Header} & { ... } ... `

без & только

?А чем отличается styled(StyledComponent) и StyledComponent.extends

?А чем отличается styled(StyledComponent) и StyledComponent.extends

Второе deprecated

без & только

с

без & только

А мой вариант чем плох?

А мой вариант чем плох?

один из правильных вариантов, но все равно связность. от которой все равно скорее всего никак не уйти

один из правильных вариантов, но все равно связность. от которой все равно скорее всего никак не уйти

Дык я об этом же Но при этом не засоряется атом Вдруг он в модуле лежит стороннем

один из правильных вариантов, но все равно связность. от которой все равно скорее всего никак не уйти

Связанность * Высокая связность модулей - наоборот кул и явный плюс архитектору

Связанность * Высокая связность модулей - наоборот кул и явный плюс архитектору

ты сейчас рофлишь?

Связанность * Высокая связность модулей - наоборот кул и явный плюс архитектору

Почитал, спасибо)

ты сейчас рофлишь?

+

Это бред когда модули сильно связаны

читать научись

не связанность, а связность

это разные понятия в архитектуре

Хорошо, что ты имеешь ввиду под связностью ?

Хорошо, что ты имеешь ввиду под связностью ?

https://ru.wikipedia.org/wiki/%D0%A1%D0%B2%D1%8F%D0%B7%D0%BD%D0%BE%D1%81%D1%82%D1%8C_(%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5)

это не я имею в виду, это архитектурные термины

это не я имею в виду, это архитектурные термины

так объясни

выше линк сбросили

связанность - сила сцепления нескольких модулей, связность определяет взаимодействие компонентов внутри модуля

и вот связанность должна быть как можно меньшей

так объясни

Связность- это когда модуль самодостаточен (атомарен в какой-то степени)

Ничего лучше атома и атомарных интерфейсов для примера связности не могу привести

Связность- это когда модуль самодостаточен (атомарен в какой-то степени)

Дело же не в этом, а в том, что он хорошо реиспользуем. Как я понял

Просто атомарность — это низкая связанность, получается

Просто атомарность — это низкая связанность, получается

В атомарном классе ничего не заменишь Он абсолютно точно выполняет свою функцию и его части нельзя раздробить на меньшие классы Не всегда, но почти всегда это говорит о хорошей связности

А вот связанность- это когда ты навелосипедил кучу модулей, которые хуй знает как обмениваются состоянием

Встроенного referring'а не хватает? const Button = styled.button` ${Header} & { ... } ... `

Народ, ткните где почитать про это, что-то я не в теме((

Народ, ткните где почитать про это, что-то я не в теме((

Выдели полчаса на чтение доки стайледов=)

Выдели полчаса на чтение доки стайледов=)

о, стайледы, нашел, спс

Коллеги, используете ли вы в работе иммутабельные структры данных ? Чем аргументировали свой выбор?

Посоветуйте карусельку на реакте чтобы умела отображать по несколько элементов, крайние элеменыты выстраивала ровно по краю и не резала тени при наведении на элемент.

Посоветуйте карусельку на реакте чтобы умела отображать по несколько элементов, крайние элеменыты выстраивала ровно по краю и не резала тени при наведении на элемент.

что мешает написать под свои требования?

Ничего. просто если есть уже такое, то зачем тратить на это время?

Вряд ли это есть под конкретные требования на реакте.

Посоветуйте карусельку на реакте чтобы умела отображать по несколько элементов, крайние элеменыты выстраивала ровно по краю и не резала тени при наведении на элемент.

я использовал http://react-responsive-carousel.js.org на нескольких проектах, там море настроек

кто работал с ag-grid?

Всем привет, как использовать svg по url и как компонент одновременно, как реализовать такое? есть ли возможность сделать это через webpack?

Всем привет, как использовать svg по url и как компонент одновременно, как реализовать такое? есть ли возможность сделать это через webpack?

Произвольный свг?

Всем привет, как использовать svg по url и как компонент одновременно, как реализовать такое? есть ли возможность сделать это через webpack?

В любом случае, загрузить > сделать из него компонент

я пологаю да, в зависимости как используешь - как компонент или как ссылку, можно ли как-то определить как ему грузить. (inline svg or svg url)

ERROR: S client not available

я пологаю да, в зависимости как используешь - как компонент или как ссылку, можно ли как-то определить как ему грузить. (inline svg or svg url)

Что значит как ссылку?

И что значит как компонент, в твоем понимании?

эм, как картинка чтоб грузилась по адресу, как file-loader

как react component

svg inline loader и file-loader

Здравствуйте товарищи, подскажите пожалуйста как использовать конфиги nextjs в контексте sails ? использую этот хук https://github.com/RasCarlito/sails-hook-next пытаюсь добавить лоадеры для nextjs , но получилось добавить только 1, помогите разобраться , заранее спасибо , вот пример конфига const withSass = require('@zeit/next-sass') const withImages = require('next-images') const { webpack } = withSass() const { image } = withImages() module.exports.next = { // Sails integration options api: { // Prefix for all Sails API routes prefix: '/api' }, // Next.js instance options. Passed to `next()`. server: { // Next.js root directory dir: '.', // Dev mode. Is overridden by `process.env.NODE_ENV !== 'production'` dev: false, // Hide error messages quiet: false, // Equivalent to a `next.config.js` file conf: { webpack, }, }, };

svg inline loader и file-loader

есть соображения как использовать это одновременно для svg? в зависимости от того как подключаешь компонент.

есть соображения как использовать это одновременно для svg? в зависимости от того как подключаешь компонент.

можно сделать компанент которому через проп передаешь урл

эм, как картинка чтоб грузилась по адресу, как file-loader

Пепедаешь в компонент стили

Или { this.state.svg ? <svg> : <Svg />}

не буду же я для каждой иконки svg делать компонент из него

когда где-то мне нужны чтоб они были как .svg иконки а где-то как компоненты

не подходит мне такой вариант

не буду же я для каждой иконки svg делать компонент из него

сделай 1 компанент который принимает урл картинки

как хелпер

Я бы сделал компонент на оба случая

если это будет по url, то придется использовать что-то типо <img src={svg} /> - цвета там не поменяешь

Предсказуемость важна

еще иконку можно использовать в самих стилях как background-url

если это будет по url, то придется использовать что-то типо <img src={svg} /> - цвета там не поменяешь

почему , будет примерно так <ImageComponent url={url/to/img} style={my_style}/>

еще иконку можно использовать в самих стилях как background-url

Это вообще не имеет значения

В теории, у тебя все на странице должно быть компонентами

вообще как webpack должен грузить картинку? как file или как inline svg? с этого надо начать.

ну на выходе будет строка

в любом случае либо свг либо base64

вообще как webpack должен грузить картинку? как file или как inline svg? с этого надо начать.

Это если ты ее прогоняешь через вебпак

Имея ссылку, можно хоть на отдельные path разбить и отрисовать самим реактом

Здравствуйте товарищи, подскажите пожалуйста как использовать конфиги nextjs в контексте sails ? использую этот хук https://github.com/RasCarlito/sails-hook-next пытаюсь добавить лоадеры для nextjs , но получилось добавить только 1, помогите разобраться , заранее спасибо , вот пример конфига const withSass = require('@zeit/next-sass') const withImages = require('next-images') const { webpack } = withSass() const { image } = withImages() module.exports.next = { // Sails integration options api: { // Prefix for all Sails API routes prefix: '/api' }, // Next.js instance options. Passed to `next()`. server: { // Next.js root directory dir: '.', // Dev mode. Is overridden by `process.env.NODE_ENV !== 'production'` dev: false, // Hide error messages quiet: false, // Equivalent to a `next.config.js` file conf: { webpack, }, }, };

как-то так можно сделать? file-loader!./file.svg

import img from 'file-loader!./file.svg'