tapmod / demo-tshirt

Sample for client to try to integrate into their webpage (e-commerce)
https://demo.tapmod.studio
0 stars 0 forks source link

WebComponents, (P)React, react-props & Hydration #1

Open oleksandr-shvets opened 4 years ago

oleksandr-shvets commented 4 years ago

Мне кажется, что для конфигуратора 3д моделей товаров, интегрируемый в магазины заказчиков, React — не лучшее решение. Я бы смотрел в сторону WebComponents, которые уже имеют полную поддержку во всех основных браузерах, без дополнительных скриптов (за исключением Edge, для которого еще нужны полифилы). Для реализации one-way-dataflow можно применить так называемый "исчезающий" фреймворк Svelte.

Для начала оптимизации, рекомендую перейти на Preact, который полностью совместим по api с React, но гораздо легче (в 35 раз) и быстрее.

На следующем шаге можно внедрить библиотечку Proppy. Вместе с гидрированием (пре-рендерингом) jsx в html, такое решение позволит абстрагировать клиентский код от react, и интегрировать 3д конфигуратор в любой фреймворк, используемый на сайте заказчика.

OlegShuldiakov commented 4 years ago

also our development department received this information from you: **Мне кажется, что для конфигуратора 3д моделей товаров, интегрируемый в магазины заказчиков, React — не лучшее решение. Я бы смотрел в сторону WebComponents, которые уже имеют полную поддержку во всех основных браузерах, без дополнительных скриптов (за исключением Edge, для которого еще нужны полифилы). Для реализации one-way-dataflow можно применить так называемый "исчезающий" фреймворк Svelte.

Для начала оптимизации, рекомендую перейти на Preact, который полностью совместим по api с React, но гораздо легче (в 35 раз) и быстрее.

На следующем шаге можно внедрить библиотечку Proppy. Вместе с гидрированием (пре-рендерингом) jsx в html, такое решение позволит абстрагировать клиентский код от react, и интегрировать 3д конфигуратор в любой фреймворк, используемый на сайте заказчика.

https://www.webcomponents.org W3C Standard https://skatejs.netlify.com/ React-like One Way Dataflow WebComponents https://preactjs.com 3kb https://proppyjs.com Use react props in React/Preact, Vue, RxJS (Angular) https://github.com/master-atul/react-webcomponentify Export react components to WebComponents https://preactjs.com/guide/v10/server-side-rendering Pre-rendering jsx to html https://github.com/choojs/nanocomponent-adapters https://svelte.dev**

To confirm your qualifications, attach 2 working projects that you completed completely using these tools. our development department will check the data that you have provided and on the basis of this, a decision will be made on the advisability of communicating with you.

Thank you for contacting us. with respect.

OlegShuldiakov commented 4 years ago

WebComponents, (P)React, react-props   Hydration · Issue #1 · tapmod_demo-tshirt - Google Chrome 2019-12-29 02 01 16

oleksandr-shvets commented 4 years ago

@OlegShuldiakov а теперь, после того как я исполнил вашу просьбу, вас можно попросить исполнить какую-то работу (просьбу) для меня? В соответствии с вашей квалификацией... Вы кто по профессии?

OlegShuldiakov commented 4 years ago

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

oleksandr-shvets commented 4 years ago

Speakwrite. Illustration from 1949.  Inspired by George Orwell 1984.

@OlegShuldiakov Благодарю вас за ответ! Я все правильно понял?

Мы твердо уверены, что legacy-коду нет места в системах современных и тем-более svetlo-будущих!

Все наши заказчики обязаны знать и применять новояз (JSX V-DOM) вместе с революционным идеологически правильным "ограничителем свобод", то есть фреймворком Реакт, но только обновленной, современной версии 16.6+, реализующий бесподобно потрясающую концепцию "Хуки" и движение только в одном, единственно верном направлении (бурж. One Way Data Flow).

А также они должны установить в своем личном окружении нашу машину-транслятор (Бебель) и внимательно слушать и исполнять его директивы. Он будет переписывать все что мы делаем, в общепринятый стандарт ECMAScript и HTML/CSS, поддерживаемый обычными (дружественно-враждебными) браузерами Третьего ~ Ре ~ Мира. В противном случае мы не можем гарантировать вам безопасность дружественно-враждебного кода в непредсказуемых адских зависимостях современного развивающе-деградирующего общественного строя (бурж. Dependency hell).

© XX84 DOMpathology in collaboration with Thinking in React philosophy.

PostScript: Nothing personal to Facebook and open source React developers. You guys are doing a great job!

OlegShuldiakov commented 4 years ago

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

что вы правильно поняли alexander-shvets? я вижу в переписке выше что не вносил в вашу сторону не какие умные мысли. обычно это ваша прерогатива вместо выполнения задач посылать много бесполезно ненужной текстовой информации а после засыпать нас запросами на коммерческое использование того чего вы не делали и даже если делали то не можете предоставить мне даже мизерный клок того что вы делали, вместо этого берете визуальные образы которые вам явно не принадлежат и выписки из чужих статей к которым вы также не имеете не какого отношения - не Умственного не Морального. Повторяю вопрос - что вы правильно поняли alexander-shvets?

oleksandr-shvets commented 4 years ago

товарищ @OlegShuldiakov, поясняю: я правильно понял вашу идеологию относительно фреймворка для скетчфаб компонента абстрактного вэб-приложения вашего потенциального заказчика? Вы действительно считаете что программисты ваших заказчиков должны знать React, JSX и его окружение?

И ответьте, пожалуйста, на вопрос, который вы проигнорировали: Вы кто по профессии?
(для того, чтобы я выбрал задачу, релевантную вашей квалификации)

А также перестаньте голословно обвинять меня в плагиате. Приведите цитаты и ссылки.

По поводу "засыпания вас запросами" LoL ))) Cколько "запросов" я вам прислал? Тот issue я сразу закрыл после того как увидел ваш ответ. LICENSE.txt это практически уже стандарт, этот файл должен присутствовать в каждом проекте, выложенном в открытый репозиторий на гитхаб, IMHO. RTFM https://help.github.com/en/github/creating-cloning-and-archiving-repositories/licensing-a-repository

oleksandr-shvets commented 4 years ago

@OlegShuldiakov

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

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

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

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

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

Вы не знакомы с творчеством Джорджа Оруэлла? Это же иллюстрация к роману «1984», который считается одним из известнейших произведений в жанре антиутопии. Вы считаете себя образованным человеком?

oleksandr-shvets commented 4 years ago

Товарищ @OlegShuldiakov, вы почему не отвечаете? Вас тоже внезапно уволили не заплатив ни копейки? (как меня и других программистов перед мной)

OlegShuldiakov commented 4 years ago

? я повторяю вопрос и запрос - что вы бы хотели использовать в личных целях по тем задачам которые вы исполняли для нас? так что вы сделали то в итоге? мне не понятно

OlegShuldiakov commented 4 years ago

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

oleksandr-shvets commented 4 years ago

Ложное у вас сложилось впечатление, как и большинство ваших голословных утверждений выше.