да хром изи пизи воротит массивами на 500к айтемов и вообще похер

Кстати virtual dom это просто чрезмерно усложненная идея о двойной буферизации

если вам нравится ибать байты и перф, можете в wasm ити

Костыли мои, но пидоры всё равно авторы браузеров

Не, ну правда, почему gtk не лагает на тыщщах элементов, а броузеры пугаются десятков? Этого действительно мало.

Если при разработке обычного по ты можешь все стереть и сказать “ебать, щас зделаю заебись”, убрать все легаси, то с браузерами ты так не сделаешь

да хром изи пизи воротит массивами на 500к айтемов и вообще похер

На двух лямах отъезжает(

Кстати virtual dom это просто чрезмерно усложненная идея о двойной буферизации

Поэтому сейчас у нас xml, vdom и shadow dom от реакта

На двух лямах отъезжает(

а что внутри массивов ? сильно жирные объекты ?

Не, ну правда, почему gtk не лагает на тыщщах элементов, а броузеры пугаются десятков? Этого действительно мало.

Потому что ты рассматриваешь пример неэффективного кода

а что внутри массивов ? сильно жирные объекты ?

Не поверишь, undefined

undefined или hole?

Не поверишь, undefined

сейчас чекну

а нет, 200 лямов, прошу прощения

https://pagedraw.io/

Потому что ты рассматриваешь пример неэффективного кода

Просто сделать страницу с подгрузкой пары десятков записей/товаров уже неэффективно

карочи ппц крутая тема всем своим подружкам посоветую всем пока спасибо не надо больше ибаться с версткой ух чувствую себя суперменом (он даже флексить умеет. шарите типа флекс да)

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

а нет, 200 лямов, прошу прощения

нихера он чанками работать начинает

?

const arr = new Array(2000000).fill(undefined)

ток ты в консольке пробуй

а потом выводи arr

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

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

никто не отменял подключение человеческого мозга

увидишь что он его будет кусками выводить

карочи ппц крутая тема всем своим подружкам посоветую всем пока спасибо не надо больше ибаться с версткой ух чувствую себя суперменом (он даже флексить умеет. шарите типа флекс да)

Осилишь гриды так вообще все девочки твои

Ну так если уж зашел разговор, то веб действительно медленный Игровые движки способны рендерить в 120фпс трехмерные объекты, а браузер в 60 не может модалку анимировать

Осилишь гриды так вообще все девочки твои

а если я па малчикам

мм

а если я па малчикам

Нет, для малчиков похапе

?

Ну так если уж зашел разговор, то веб действительно медленный Игровые движки способны рендерить в 120фпс трехмерные объекты, а браузер в 60 не может модалку анимировать

ну так там на крестах пишут

прямые операции с памятью и тд

Трехмерную графику можно обсчитывать в млрд потоков на видеокарте

Попробуйте запустить ваши игори на одном лишь cpu, потом вернёмся к разговору про скорость игроделов

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

у меня ток при выводе чанками выводит

чета у меня вообще 120 мс вышло ((((((

Ну так если уж зашел разговор, то веб действительно медленный Игровые движки способны рендерить в 120фпс трехмерные объекты, а браузер в 60 не может модалку анимировать

https://ptsjs.org/

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

ну типа а если один рабоатешь фулстек взахлеб

фулстэк фронтендер, это когда и код пишешь на js и версткой занимаешься :)))

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

крутяк

может кому полезно будет https://www.npmjs.com/package/react-json-view

для отладки компонентов самое оно

может кому полезно будет https://www.npmjs.com/package/react-json-view

Лол. <pre>JSON.stringify(obj)</pre> И не нужны либы

Лол. <pre>JSON.stringify(obj)</pre> И не нужны либы

ой ли... еще про coneole.log и react extension расскажи

те кто понимает зачем, тем надо

https://medium.com/javascript-in-plain-english/i-created-the-exact-same-app-in-react-and-vue-here-are-the-differences-e9a1ae8077fd

Всем привет! Есть иконки в ai файле (adobe illustrator), нужно перевести в реакт. Проблема со стилями: приходится руками в формат реакта перебивать и из секции <style></style> по элементам разносить. Можно это как-то автоматизировать?

Всем привет! Есть иконки в ai файле (adobe illustrator), нужно перевести в реакт. Проблема со стилями: приходится руками в формат реакта перебивать и из секции <style></style> по элементам разносить. Можно это как-то автоматизировать?

http://css-live.ru/articles/sozdanie-sistemy-svg-ikonok-s-pomoshhyu-react.html

Всем привет! Есть иконки в ai файле (adobe illustrator), нужно перевести в реакт. Проблема со стилями: приходится руками в формат реакта перебивать и из секции <style></style> по элементам разносить. Можно это как-то автоматизировать?

в реакте нет формата иконок :)))

Всем привет! Есть иконки в ai файле (adobe illustrator), нужно перевести в реакт. Проблема со стилями: приходится руками в формат реакта перебивать и из секции <style></style> по элементам разносить. Можно это как-то автоматизировать?

https://webinista.com/updates/using-react-with-svg/

https://medium.com/javascript-in-plain-english/i-created-the-exact-same-app-in-react-and-vue-here-are-the-differences-e9a1ae8077fd

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

Если найду, кину

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

Todomvc

Todomvc

Именно

https://webinista.com/updates/using-react-with-svg/

да это и делаю руками, еще и стили правлю

https://medium.com/javascript-in-plain-english/i-created-the-exact-same-app-in-react-and-vue-here-are-the-differences-e9a1ae8077fd

странная статья

а что конкретно тебя тут смущает?

ERROR: S client not available

то что автор через пропсы не прокинул колбек и не вызвал его из дочернего компонента? а вместо этого отправил через шину наверх событие?

а что конкретно тебя тут смущает?

эмит обработчиков

эмит обработчиков

чем это плохо по твоему?

чем это плохо по твоему?

нет явности

1. ты внутри дочернего компонента полностью абстрагирован от логики внешней 2. тебе не нужно внутри ебать мозги был ли передан колбек или нет

ты отстрелялся наверх событием и забыл

это кстати, очень охуенный паттерн, которого не хватает в реакте

ты отстрелялся наверх событием и забыл

и все события находятся в одном месте?

а что с коллизией имен?

с какой еще коллизией?

имен обработчиков

@delete я могу у нескольких компонентов назвать

как это разруливается?

он выплевывает в родителя события свои, если родитель подписался на них через собачку типа <button @internalEvent=...

то поймаешь и отреагируешь

мда

@delete я могу у нескольких компонентов назвать

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

https://medium.com/javascript-in-plain-english/i-created-the-exact-same-app-in-react-and-vue-part-2-angular-39b1aa289878

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

Если родитель один у компонентов, у которых этот обработчик назван одинаково ?

Если родитель один у компонентов, у которых этот обработчик назван одинаково ?

погоди, приведи пример кода, что ты имеешь в виду?

погоди, приведи пример кода, что ты имеешь в виду?

Родитель Компонет с обработчиком @delete Компонент2 с обработчиком @delete Родитель

так это разные инстансы же будут

ты поймаешь именно там где нужно

так это разные инстансы же будут

ты говоришь, что родитель ловит

так ловит в месте подписки

как я пойму что @delete пришел из компонента 2

а подписываешься ты так <my-button @my-event=.... />

будет 10 таких кнопок, будет 10 разных инстансов

каждый поймает только свой эмит

т.е my-delete1 ... my-delete n ?

ну так там же по факту делается this.$emit, а не глобальный по всей шине