Более инженерно чем клеточный автомат?) Это как, со шрифтами по госту ескд?))

Ахаха)

Хеллоу! Нужно сделать одностраничник без особых претензий. Хочу пилить на основе create-react-app. Отговорите, пожалуйста ) Может засоветуете другой болерплейт без реакт (хотя вряд ли судя по названию канала)?

погуглил... похоже что и nuxt будет не грешно заюзать под такую задачу )

упс.. не кидать помидорами, имел ввиду nExt

Странно что в чатике до сих пор не промелькнул reach-ui. Не то чтобы там есть что обсуждать, но все же

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

Странно что в чатике до сих пор не промелькнул reach-ui. Не то чтобы там есть что обсуждать, но все же

Чел запарился с a11y и снова упоролся со своим react-component-component

В портал рендерить

Как и обещал, перевод статьи - https://medium.com/@Brisstor/почему-мы-отказались-от-export-default-в-javascript-и-вам-следует-поступить-также-cce6ac30d67b Если будут опечатки и т.п., укажите где, поправлю.

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

@Brissik могу опубликовать статью в https://t.me/frontend_info

@Brissik могу опубликовать статью в https://t.me/frontend_info

Я не против

Я не против

Тогда и ссылку на наш чат закинь в начало

// не пробуйте это дома // не повторяйте этого дома

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

https://t.me/front_end_dev тут публикуют частенько фри) /cc @Brissik

Привет. Кто-нибудь встречался с таким, что document.readyState в IE11 остается в interactive и не становится complete и из-за этого приложение react не запускается?

Чел запарился с a11y и снова упоролся со своим react-component-component

Ехал роутер-роутер через компонент-компонент

Странно что в чатике до сих пор не промелькнул reach-ui. Не то чтобы там есть что обсуждать, но все же

Давно интересно было, почему никто раньше не запилил Rect раньше

Запилили, только назвали extJS

Давно интересно было, почему никто раньше не запилил Rect раньше

Ну когда я говорил про локальные media queries, я по сути rect и на писал, только другой немного

Запилили, только назвали extJS

Читерство, в extJs как в симпсонах было всё

Ну когда я говорил про локальные media queries, я по сути rect и на писал, только другой немного

ты ж люто хейтил эту идею ещё три месяца назад?)) Я аж офигел тогда от такого хейтспича))

В смысле хейтил? Вообще-то, наоборот, ну да ладно

Ты тогда писал, что все от экрана должно адаптивиться, я же тогда предложил решение для container queries

Народ, кто может посоветовать wysiwyg для реакта не такой замудренный как draft

Ты тогда писал, что все от экрана должно адаптивиться, я же тогда предложил решение для container queries

Ну ето да

Ты тогда писал, что все от экрана должно адаптивиться, я же тогда предложил решение для container queries

ссылку?

Но суть то одна, там достаточно бы было просто задавать требуемый обсервер через пропсы или что-то подобное

А я щитай ток из-за этого не стал в итоге публиковать ?

ссылку?

Ну типа примерно вот тут

<Device desktop tablet> <BigLayout /> </Device> <Device phone> <SingleColumn /> </Device>

Свич вокруг этого нужен

Зач?

А если и так работает)

чтобы гарантировать что только один девайс сработает

А там посильнее гарантии)

Я абстрагировал наборы медиареквестов до трех кейсов — phone, tablet, desktop в двух положениях экрана landscape и portrait

ссылку?

https://itnext.io/making-adaptive-vue-components-with-resizeobserver-123b5ebb20ae Там на вью, правда

Я абстрагировал наборы медиареквестов до трех кейсов — phone, tablet, desktop в двух положениях экрана landscape и portrait

А сенсорный ноутбук куда попадёт?

чтобы гарантировать что только один девайс сработает

Хм, я даже больше скажу, похоже, поводом для этого послужила перепалка с тобой ? Короч гляньте поиск по чату по запросу tablet

Эх, слишком часто я пропускаю что-то интересное в этом чатике

https://itnext.io/making-adaptive-vue-components-with-resizeobserver-123b5ebb20ae Там на вью, правда

Смотрел я на этот полифил, но не решился немного впрягаться. Как работает? В смысле ? или ?‍♂️

А сенсорный ноутбук куда попадёт?

В ноутбуки Но в компоненте изначально идёт поддержка вложенности, то есть это лишь дело техники Типа так <Device tablet desktop> <Device sensor> <Button> </Device> <LargeIcon /> </Device>

Я просто сделал перебор всех возможных комбинаций булеанов в пропсах, которые требовались в данной ситуации, новые можно добавлять по аналогии)

Сколько же кровушки этот адаптив пьет

Ну с гридами всё становится интереснее, особенно если учесть, что media queries можно писать прямо в link для стилей

И гриды кровушку пьют. Никак не поникнусь их неким внутреним хаосом.

Как раз с гридами все намного проще)

красавчег, где либа лежит?

тоже свой компонент сделал на эту тему с тремя типами девайсев desktop, tablet, mobile

но у меня есть еще вариант просто через контекст консумер принять переменные ({ deviceType, width, height }) =>

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

@ZeroBias а можешь в гист код Device показать?

Это не для гиста штука)

Ща тогда просто опубликую как компонент, куда деваться

ERROR: S client not available

Ща тогда просто опубликую как компонент, куда деваться

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

но у меня есть еще вариант просто через контекст консумер принять переменные ({ deviceType, width, height }) =>

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

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

Да, реализовал это как конфиг

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

Можно добавить определение браузера, для пущей верности

И ос

Можно добавить определение браузера, для пущей верности

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

Но как мне кажется, такие ухищрения не всегда нужны

Угу

Про построении pwa конечно лучше сделать

Поэтому сделал минимальную имплементацию, но охватывающую весь диапазон, чтобы не приходилось что-то докостыливать

Подскажите пожалуйста как(куда смотреть)и насколько сложно делать ssr в реакт приложении?

Типа "все media query я разделяю на три кейса, с детектом браузеров не ко мне"

Подскажите пожалуйста как(куда смотреть)и насколько сложно делать ssr в реакт приложении?

В большом реакт приложении

Подскажите пожалуйста как(куда смотреть)и насколько сложно делать ssr в реакт приложении?

react-dom/server

Подскажите пожалуйста как(куда смотреть)и насколько сложно делать ssr в реакт приложении?

next.js глянь, если не понравится читай про react + nodejs ssr app

Насколько большой порог вхождения в эту технологию.

через тернарку сделай если у тебя там только 2 скрина

Помоги получить mi band 2 на алиекспрес http://s.aliexpress.com/bAFN32qU?fromSns=Telegram

вопрос в уважаемый зал! Как можно на реакте ускорить работу страницы с инпутами и таблицей в которой 5000+ строк? Табличка без пейджинга. Тормоза наблюдаются если в инпутах менять значение

Помоги получить mi band 2 на алиекспрес http://s.aliexpress.com/bAFN32qU?fromSns=Telegram

!спам

вопрос в уважаемый зал! Как можно на реакте ускорить работу страницы с инпутами и таблицей в которой 5000+ строк? Табличка без пейджинга. Тормоза наблюдаются если в инпутах менять значение

В react-dev-tools посмотри на перерендеринг при вводе в поле значения.

Что вы используете для мультиязычности приложения?

Подскажите пожалуйста по context-api: Если я, например создаю контекст const Ctx = React.createContext('ctx'); И применяю Ctx в родительском компоненте: class Parent ... { ... render() { return ( <Ctx.Provider value={{...}}> <div>...</div> </Ctx.Provider> )} ... То при создании экземпляра родителя, потомки получают контекст экземпляра родителя-обертки. И получается: <Parent>{ тут контекст экземпляра 1 }</Parent> <Parent>{ тут контекст экземпляра 2 }</Parent> Я все правильно понял?

Что вы используете для мультиязычности приложения?

https://github.com/AlexanderZaytsev/react-native-i18n

через тернарку сделай если у тебя там только 2 скрина

3 +

https://github.com/AlexanderZaytsev/react-native-i18n

i18n прекрасное решение!