ну засунешь этот текст точно так же в body тогда

а я говорил что так нельзя?)

Привет! Подскажите пожалуйста, каким плагином пользуетесь для удаления не используемого CSS, JS code ?

webpack 4

Вот так сделал, но как элемент зафризить по оси x? Чтобы при скроле он всегда был по центру?

position: fixed ?

position: fixed ?

Замерзает все и не скролится)

Замерзает все и не скролится)

ну так это надо делать только тому элементу который нужно приморозить

а я говорил что так нельзя?)

ну ты так сказал "для их случая", будто в остальных случаях уже без ssr никак тут правда грани понятия ssr размазываются)

обычно к таким элементам относятся всякие кнопочки scroll to Top или app tool bar

ну так это надо делать только тому элементу который нужно приморозить

<View style={{ alignItems: 'center' }}> <Text style={{ position: 'fixed', fontSize: 50, transform: [{ translateX: scrollY }], marginBottom: 900, marginTop: 100 }}>Hello world</Text> </View> Так и сделал, но все мерзнет)

ну ты так сказал "для их случая", будто в остальных случаях уже без ssr никак тут правда грани понятия ssr размазываются)

если суешь что-то в боди, то разметка должна совпадать

если суешь что-то в боди, то разметка должна совпадать

а это где-то прямо строго написано?

а это где-то прямо строго написано?

да, варнинг будет в консоли

ты про реакт что ли?

<View style={{ alignItems: 'center' }}> <Text style={{ position: 'fixed', fontSize: 50, transform: [{ translateX: scrollY }], marginBottom: 900, marginTop: 100 }}>Hello world</Text> </View> Так и сделал, но все мерзнет)

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

ты про реакт что ли?

щас не 1 апреля

щас не 1 апреля

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

seo и open graph

че за проект?

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

чем отличается перемещаемый от неперемещаемого?

webpack 4

ну это если самому собирать проект. А CRA использует постарее

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

за разброд контента тебя из выдачи уберут

за разброд контента тебя из выдачи уберут

буквально вчера в соседнем чатика обсуждали вроде это не совсем так)

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

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

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

с чего бы разметка другая, но контент-то тот же

естессн речь не о том, чтобы ключевых слов навыдумывать

речь о том, чтобы поисковику дать тот же контент без заморочек

че за проект?

к примеру какая нибудь социалочка - которая хочет нормально шарить посты в другие социалочки. У меня вот сейчас сайт где размещаются всякие акции магазинов. Их тоже надо красиво шарить в соц сети и поисковым роботам отдавать

к примеру какая нибудь социалочка - которая хочет нормально шарить посты в другие социалочки. У меня вот сейчас сайт где размещаются всякие акции магазинов. Их тоже надо красиво шарить в соц сети и поисковым роботам отдавать

а, я думал ты в их тиме

а ты просто

во тпримерчик набросал побырому

https://codepen.io/Diver/pen/VXdOqP?editors=0110

Привет, коллеги а у вас работает синтаксиc state = { isOpen = true} без вызова constructor и super?

Привет, коллеги а у вас работает синтаксиc state = { isOpen = true} без вызова constructor и super?

Да.

Привет, коллеги а у вас работает синтаксиc state = { isOpen = true} без вызова constructor и super?

че?

Привет, коллеги а у вас работает синтаксиc state = { isOpen = true} без вызова constructor и super?

Там не равно, а двоеточие

во тпримерчик набросал побырому

спасибо! осталось css на js стили переписать)

Да.

= присвоение в объекте?

Там не равно, а двоеточие

Бл, сэнкс.

= присвоение в объекте?

Не видел в упор прост.

Бл, сэнкс.

Я слепой. Там : верно.

спасибо! осталось css на js стили переписать)

там у анимированного конта надо поварьировать параметры анимации

чтобы плавно перемещался контент

там у анимированного конта надо поварьировать параметры анимации

Вроде все также сделал, но что не так? <View> <Text style={{ fontSize: 50, marginBottom: 500, marginTop: 100 }}>Hello world1</Text> <View style={{ position: 'fixed', alignItems: 'center' }}> <Text style={{ fontSize: 50, transform: [{ translateX: scrollY }], marginBottom: 900, marginTop: 100 }}>Hello world3</Text> </View> </View>

Вроде все также сделал, но что не так? <View> <Text style={{ fontSize: 50, marginBottom: 500, marginTop: 100 }}>Hello world1</Text> <View style={{ position: 'fixed', alignItems: 'center' }}> <Text style={{ fontSize: 50, transform: [{ translateX: scrollY }], marginBottom: 900, marginTop: 100 }}>Hello world3</Text> </View> </View>

транзишн где?

трансформ мгновенный

транзишин для плавного скрола, но без него должно работать

возможно transform: [] вот эта форма не всасывается?

и что такое scrollY откуда он берется у тебя?

в твоем случае это должен быть минимум this.state.scrollY

либо после каждого изменения scrollY надо делать forceUpdate

и что такое scrollY откуда он берется у тебя?

https://gist.github.com/gHashTag/0bb21929538ad58cda86a1257e740cdf

транзишн где?

transition нет в доке) https://github.com/vhpoet/react-native-styling-cheat-sheet#transforms

ошибка в форме передачи параметров

ребят а подскажите плиз какую нибудь удобную библиотеку - грид галерея с лайтбоксом и желательно c лези лоад

transform: { translateX: scrollY } должно быть

ты же перадаешь массив зачем то transform: [{ translateX: scrollY }]

ты же перадаешь массив зачем то transform: [{ translateX: scrollY }]

спасибо большое! работает✅?

:С

Первый раз Bundle Analyzer запустил после подключения styled components - либа с зависимостями весит больше 60кб (gzip 20кб+), это две трети от размера react-dom, и одна шестая от моего vendor бандла :(

Первый раз Bundle Analyzer запустил после подключения styled components - либа с зависимостями весит больше 60кб (gzip 20кб+), это две трети от размера react-dom, и одна шестая от моего vendor бандла :(

в таком случае тебе вряд ли нужен styled-components )))

в случае когда я анализирую размер бандла?)

тут бандлы весят по 10 мегабайт :))) и думаешь как бы распилить еще

ERROR: S client not available

про все эти мизерные либы типа реакта уже даже никто не считает сколько они там весят

в дев окружении под 40 мегабайт

У меня общий вес не зипованный 1мб примерно, но это уже не мало

Первый раз Bundle Analyzer запустил после подключения styled components - либа с зависимостями весит больше 60кб (gzip 20кб+), это две трети от размера react-dom, и одна шестая от моего vendor бандла :(

Это норма

Коллеги, добрый день! Есть необходимость реализовать web-приложение, состоящие из нескольких частей. Причем эти части должны быть на разных серверах. Т.е. сначала грузиться некий загрузчик, идентифицирует пользователя и в соотвествии с его правами грузит остальные компоненты. Как это лучше реализовать?

юзай свой сервер и собирай всю инфу на нем и отдавай на фронт

В react 16.3 можно как-то инициализировать ref без конструктора через React.createRef() ? Наподобии того, как это сделано со state

изи вей

юзай свой сервер и собирай всю инфу на нем и отдавай на фронт

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

разные сервисы собственные?

Да

на них нужно xss расшарить на твой домент и юзай все как с единым доменом только с разными( почитай про xss это не секьюрно)

А меня можно ткнуть носом в какой-нибудь пример?

В react 16.3 можно как-то инициализировать ref без конструктора через React.createRef() ? Наподобии того, как это сделано со state

Что такое инициализация ref?

constructor(props) { super(props); this.inputRef = React.createRef(); } render() { return <input type="text" ref={this.inputRef} />; }

А меня можно ткнуть носом в какой-нибудь пример?

это все индивидуальные вещи

Я уже полдня пытаюсь найти что-нибудь внятное, но увы... Мне бы сейчас сделать три приложения - одно загружается первым и грузит остальные два...

И рендерит их рядом...

на них нужно xss расшарить на твой домент и юзай все как с единым доменом только с разными( почитай про xss это не секьюрно)

xss? или CORS? :)

если он прочтет про xss он найдет что ему нужно)

Опля https://developers.google.com/web/tools/puppeteer/articles/ssr

cors да самый прямой указатель

Что такое инициализация ref?

this.input = React.createRef() в конструкторе

this.input = React.createRef() в конструкторе

Ну, делай через колбек.

И ref={this.input} в компоненте

Я и делаю. Ебу зачем они так усложнили

Вопрос был не от меня

Усложнили по нескольким причинам: стандартизация использования рефа, и прокидывание рефа через пропсы

Я не говорю про forwardRef