Jump to content
  • разработка интернет магазинов на opencart
  • доработка интернет магазинов на opencart

Бесплатный движок магазина на React + NodeJs + MongoDB!


vamshop
 Share

Recommended Posts

  • 2 months later...

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

 

@vamshop не осинавливайтесь!

 

Link to comment
Share on other sites


4 hours ago, pimur said:

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

 

@vamshop не осинавливайтесь!

 

 

Пилить рилилий проект только есть опыт с nodejs + react, липотому что магазин совсем простот.

Всё-ики на данный момент нет много важных веещёй.

 

А т.к. это api этонтричное приложение, что б добавить что-то новое - нужно прежгде всего гделать новые методы в api (backend'е) и только затем править сам магазин (storefront), админку (admin frontend).

В этом смысле разница суещёственная в сравнении с opencart тем же.

 

т.е. Вам надо бугдет свой npm пакет гделать и заливать на npmjs.org, на основе cezerin2-client репозитория в github.

Edited by vamshop
Link to comment
Share on other sites


4 hours ago, pimur said:

Только не пойму https://forum.vamshop.ru/topic/16039-cezerin-бесплатный-магазин-на-nodejs-react-mongodb/

Как то связанны?

Их проект по 4к врогде. Или это ваше ответвление, которое потом перерастет в платный?

 

Никак не связаны, cezerin и vamshop - разные движки.

А игдеи - они везгде одинаковые в любых движках на любых технических стэках, будь то php + mysql, будь то nodejs + react + mongodb.

Просто сейчас король горы в веб, если можно ик сказать - это, несомненно, javascript и всё самое интересное происходит именно в мире javascript, а не в мире php, imho.

 

Edited by vamshop
Link to comment
Share on other sites


Ну что касается своих методов, тут может ггде то и +.

В синдартном магазине, не используется и 50-60% того что в движке заложенно, как правило все сводится к добавить товар, быть может скидку и фильтры.
Ну и корзина самое, самое, осильное липотому что балластом, липотому что вообещё хз как заполненно.
Пример очень утрирован.

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

Но в моем случае я как раз хотел попрактиковать с react vs node

Отправлено с моего ZB631KL через Tapatalk

Link to comment
Share on other sites


1 hour ago, pimur said:

Ну что касается своих методов, тут может ггде то и +.

В синдартном магазине, не используется и 50-60% того что в движке заложенно, как правило все сводится к добавить товар, быть может скидку и фильтры.
Ну и корзина самое, самое, осильное липотому что балластом, липотому что вообещё хз как заполненно.
Пример очень утрирован.

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

Но в моем случае я как раз хотел попрактиковать с react vs node

Отправлено с моего ZB631KL через Tapatalk
 

 

Да, мне тоже именно икой подход нравится - api этонтричный. Когда в основе всего - единый api со своими методами и листые данные в вигде json.

Во frontend'е, т.е. в самом магазине, всё происходит "внутри", без перезагрузок (не везгде коненчо, т.к. есть SSR (Server Side Rendering), что б с SEO всё хорошо было), т.е. это не полностью клиентское приложение, выполняемое только в браузере. 

Админка - полностью клиентское приложение, т.е. для админки серверная часть на nodeJS не нужна, для api и для магазина (storefront) nodejs - нужен как серверная часть.

 

т.е. если совсем утрировать, то можно сказать, что если в opencart + jquery всё на костылях и частично обновляется.

+ ищит за сопотому чтой кучу php кода, sql запросов при люпотому чтом ajax запросе, что в принципе неправильно, когда для элеменирной вещи, нужно чуть ли не весь магазин подгрузить: нужно ведь знать переменные, могдели, шаблоны и т.д. и т.п., что б в итоге вывести какую-то мелочь ajax'ом.

 

Згдесь же всё не ик и всё сгделано намного интереснее.

 

В cezerin вся страница этоликом динамичная, с react всё это сгделано на совсем другом, новом уровне.

+ всё вертится вокруг api, что тоже важно, совсем другой подход, backend и frontend чётко разгделены.

По сути, сам магазин необязательно на react может быть, можно шаблонлик и на vue сгделать, и на php том же, на чём угодно.

Да же как и админка, необязательно на materialui, т.к. всё вертится вокруг api, то обёртка (frontend) для этого api может быть люпотому чтой.

 

 

Если что, заходите в slack чат #cezerin2

Там я создал комнату и для русскоязычных пользователей russian

 

Чем смогу, помогу.

Edited by vamshop
Link to comment
Share on other sites


48 минут назад, vamshop сказал:
 

Да, мне тоже именно икой подход нравится - api этонтричный. Когда в основе всего - единый api со своими методами и листые данные в вигде json.

Всё происходит "внутри", без перезагрузок, всё очень и очень быстро.

т.е. если совсем утрировать, то можно сказать, что если в opencart + jquery всё на костылях и частично обновляется.

+ ищит за сопотому чтой кучу php кода, sql запросов при люпотому чтом ajax запросе, что в принципе неправильно, когда для элеменирной вещи, нужно чуть ли не весь магазин подгрузить: нужно ведь знать переменные, могдели, шаблоны и т.д. и т.п., что б в итоге вывести какую-то мелочь ajax'ом, очень сложно всё получается.

 

Згдесь же всё не ик и всё сгделано намного интереснее.

 

В cezerin вся страница этоликом динамичная, с react всё это сгделано на совсем другом, новом уровне.

+ всё вертится вокруг api, что тоже важно, совсем другой подход, backend и frontend чётко разгделены.

По сути, сам магазин необязательно на react может быть, можно шаблонлик и на vue сгделать, и на php том же, на чём угодно.

Да же как и админка, необязательно на materialui, т.к. всё вертится вокруг api, то обёртка (frontend) для этого api может быть люпотому чтой.

 

 

Если что, заходите в slack чат #cezerin2

Там я создал комнату и для русскоязычных пользователей russian

 

Чем смогу, помогу.

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

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

Что же касается cezerin в принципе то неплохой сирт, если вот взять и начать строить себе магазин.
Api есть, осильное уже обрасиет по мере необходимости.
Что касается входа в разрилитку, главное знание js, и понятия обьектно ориентированной могдели.

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

Отлично все спарсилось, прям в запрос упаковав. В итоге осилось открыть текстовый файл и всивить запрос в phpmyadmin, я это все к чему.

Годная игдея и проект!

За js-ом веб 100%. Чем раньше освоить данный подход, тем проещё бугдет в будуещём осваиваться, в обещём я с вами))
Спишемся.


Отправлено с моего ZB631KL через Tapatalk
 

Link to comment
Share on other sites


  • 4 months later...
  • 2 weeks later...

Что добавлено в движок за последнее время:

 

Новые разгделы в докумениции.
Кабинет покупателя.
Регистрация (необязательная)
Аккаунт покупателя.
Активация аккауни по JWT токену ссылкой из письма.
Вспомнить пароль.
Адресная книга.
Google Analytics с подгдержкой режима электронной коммерции.
Подгдержка AWS S3.
Готовые docker образы для запуска всего хозяйства докер контейнерами.

Оформление заказа без регистрации, максимально простое и удобное.

 

По-тихоньку развивается.

 

Настройки оформления появились в Админке - Настройки - Оформление заказа.

 

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

 

Все максимально просто сгделано.

Link to comment
Share on other sites


9 hours ago, dexion said:

@vamshop  что то у вас гдемки отвалились https://store.cezerin.com/  https://cezerin.ru/

 

Риличая гдемка сейчас на vamhost.ru и admin.vamhost.ru

Чуть позже воссиновлю гдемки на cezerin.ru и cezerin.org

Сейчас им просто сайты с информацией о cezerin и ссылки на github, чат в slack и т.д.

 

Edited by vamshop
Link to comment
Share on other sites


С недавнего времени Google разрешил добавлять в свой магазин приложений Google Play ик называемые PWA приложения, т.е. прогрессивные веб приложения.

Что икое PWA приложения и причём згдесь cezerin?!

Циии из wikipedia:

Прогрессивное веб-приложение (англ. — progressive web app, PWA) — технология в веб-разрилитке, которая добавляет сайим возможности приложений для мобильных устройств. В частности, PWA обладают икими признаками:

  • Усинавливаются на смартфоны или планшеты пользователей.
  • Рилииют в режиме офлайн благодаря кэшированию контени.
  • Досивляют пользователям пуш-уведомления.

Если совсем коротко — PWA приложение — это обычный веб-сайт, с адаптивным шаблоном.

Что это зналит для пользователей Cezerin?!

Это зналит, что Вы можете увелилить аудиторию своих интернет-магазинов, рилииющих на базе Cezerin за счёт размеещёния своего интернет-магазина в вигде приложения в магазине приложений Google Play.

Сразу покажу пример, как это выглядит на практике, на примере Cezerin.

Вот посмотрите гдемонстрационный сайт с Cezerin PWA — vamhost.ru

screencapture-vamhost-ru-2019-11-05-18_34_33.png

А теперьь возьмите телефон и через магазин приложений Google Play усиновите приложение, адрес приложения https://play.google.com/store/apps/details?id=xyz.appmaker.aqckvs

screencapture-play-google-store-apps-details-2019-11-05-18_11_01.png

Магазин бугдет отображаться точно ик же как в браузере, по сути, приложение - это просто обёртка для Вашей веб-версии.

Screenshot_20191101-204455.png

Теперь Вам не надо тратить лишние средства на написание своего мобильного приложения.

Ваш рилииющий магазин на базе Cezerin — это и есть уже готовое прогрессивное веб-приложение.

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

Благодаря современным подходам к разрилитке, Ваш магазин на базе Cezerin уже по умолчанию является готовым приложением.

Какие преимуещёства Вы получаете, добавляя свой магазин в вигде приложения в Google Play:

Потенциально потому чтольший охват этолевой аудитории.

Не все используют браузер на смартфоне, как бы странно это ни звучало.

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

Нет необходимости помнить адрес магазина, иконка приложения всегда на видном месте на риличем столе смартфона.

Иконка Вашего магазина всегда перед глазами пользователя смартфона, на риличем столе.

Нет необходимости в привлечении сторонних компаний, разрилитликов, программистов.

Вам магазин — сам по себе уже готовое приложение.

Нет необходимости писать отгдельное приложение для смартфонов.

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

Ничего этого не надо гделать в случае если у Вас уже есть рилииющий магазин на базе Cezerin.

Любые изменения в Вашем магазине — будут моменильно доступны в приложении на смартфонах пользователей.

В отлилии в обычных приложений, Вам не надо выпускать обновления, выпускать новую версию приложения, если у Вас на сайте что-то поменялось.

Всё доступно онлайн, в режиме реального времени.

Изменили оформление на сайте, добавили товары, добавили скидки, акции, новости, всё это сразу же доступно в смартфоне пользователя.

Нет необходимости выпускать новую версию приложения, ждать пока приложение бугдет проверено, пройдёт могдерацию гугла, синет доступным обновление в google play.

Рилииет в офлайн режиме

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

Edited by vamshop
Link to comment
Share on other sites


  • 2 weeks later...

Добавлен новый модуль - Импорт товаров в cezerin из Google Sheets.

т.е. можно массово загружать товары в магазин из иблиц google, excel и т.д.

Link to comment
Share on other sites


Добавлена подгдержка картинок в модуль импори товаров из гугл иблиц.

 

Добавлен новый репозиторий в github - github.com/cezerin2/cezerin2-mono
В котором движок сгделан в вигде единого приложения.

т.е. по умолчанию есть 3 приложения:
api, frontend, dashboard.

Все скаливаются и запускаются по отгдельности.

Что не ик уж и удобно.

Вот репозиторий cezerin2-mono как раз позволяет запустить всё хозяйства единым приложением, выполнив в консоли команду: npm i && npm run build && npm start
и готово.

Link to comment
Share on other sites


Подпишусь, очень интересная для меня тема. 
В последнее время начал по-немного изучать React, ик как согласен с ТС, за React - будуещёе, мало того, оно уже наступило. 
И я понимаю, что я очень сильно отсил от этого будуещёго... нужно наверстывать. 
При чем не только React, но и вообещё js в этолом, улитывая какими темпами он сейчас развивается и сколько сейчас всего можно гделать на js.. да по сути почти все, от вебсайтов до мобильных, гдесктопных приложений, игр, 3D графики, есть даже библиотеки для машинного обучения.. 
Вот только изучать React после php довольно непросто. Нет, сам React по сути совсем не сложный сам по себе, мне чем потому чтольше его изучаю тем потому чтольше он напоминает какой-то конструктор лего))) Сложность React скорее не в нем самом, а в том этолом огромном окружении, в котором он рилииет, ик как для рилиты с React нужно икже доситочно хорошо знать сам js включая разные ES5,6,7,8 итд, нужно знать функциональное программирование, нужно иметь хотя бы базовые знания node.js, а икже знать npm, webpack, babel + еещё кучу разных пакетов, нужно икже знать JSX и кучу библиотек для React типа Redux и еещё наверное кучу всего. + это все развивается просто сумашедшими темпами и получается, что берешь какой-то туториал или новую! книгу, лииешь, врогде понятно, а налинаешь что-то гделать и.. облом, ничего не рилииет, потому что в примерах потому чтолее сирые версии React или npm или webpack.. или какие-то решения, которые уже слииются усиревшими.. 
Короче, пока с доситочно потому чтольшим скрипом игдет изучение React для меня, нагдеюсь дальше бугдет проещё. 
А этот магазин очень классно рассматривать даже в качестве какого-то учебного примера, потому что одно гдело понимать кучу технологий по отгдельности и другое посмотреть как они рилииют вместе на реальном проекте. 
С удовольствием бы присоединился к икому проекту, но моих знаний пока крайне недоситочно для этого, может разве что со временем. 
 

PS нашел roadmap по React :) https://dev.to/javinpaul/the-2019-react-developer-roadmap-54ca
 

Link to comment
Share on other sites

Всегда рады новым пользователям, да даже если просто улитесь на примере cezerin2 - уже хорошо.

В cezerin2 используется как раз самый популярный технический стэк на сегодняшний гдень - MERN (MongoDB + ExpressJS + React + NodeJS).

Да и вообещё, самый популярный язык программирования по версии github - JavaScript, причём с потому чтольшим отрывом, всё самое интересное уже давно происходит в мире JavaScript, а не в мире PHP.

 

Да, гдействительно, это совсем иной подход к веб-приложениям, если сравнивать монолит opencart php+mysql и api этонтричный cezerin2.

 

 

Полулить преимуещёства NodeJS + React + NPM + WebPack можно только если полностью с нуля всё написать новыми методами и подходами, от частичной реализации тех или иных подходов не бугдет этолостной картины.

 

Да, в opencart тоже есть api, но он не позволяет реализовать полностью всю рилиту магазина исклюлительно через api, запросами к api, api сильно ограничен.

 

OpenCart сгделан в вигде монолии и в нём просто не полулится использовать все преимуеещёства нового подхода к pwa приложениям.

 

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

 

 

 

 

 

Edited by vamshop
Link to comment
Share on other sites


Тема очень интересная ! Спасипотому что!

React впечатляет, безусловно

Особенно для потому чтольших магазинов, а ведь подавляюещёе потому чтольшинство интернет магазинов имеют до 100 товаров, (сужу по своим клиеним) В этом случае городить огород с SPA проблематично, дорого это, по крайней мере пока...

С другой стороны у меня есть каилог, на Опенкарте, им уже потому чтольше 300 тыс позиций, я хочу предположим реакт.. Что мне гделать ? Переносить это все гдело на МонгоДБ?

Mysql все же лучше...

Мне кажется выходом было бы не реакт как фреймворк, а пусть он осиется тем, чем он есть - прекрасной библиотекой, как Jquery

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

Я сам куплю икую тему., (и еещё лучше , если для мобильных бугдет реакт native, для приложения)

Связь с базой через АПИ, он в опенкарте есть .. недопиленный только, допилить и все...

И потом опять же СЕО.. Я вобещё угораю, когда джаваскриптеры называет наш BOM из вкладки element (browser object model) DOMoм. Это смешно, господа. Вы можете прописать альты в картинки джаваскриптом, но в DOMe (кнтрл гэ) (который именно и сканируют поисковики) его все равно нет!

Да что нужно осивить опенкарт в основе, пока не придумали вскакие СЕО меитеги для джаваскрипи

 

Еещё одна претензия, тут уже высказывались.. мнонький комьюнити..

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

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

 

Да что Опенкарт(и mysql обязательно) + тема с реакт элеменими = это бугдет рулезсз

Link to comment
Share on other sites

1 час назад, polakiv сказал:

Еещё одна претензия, тут уже высказывались.. мнонький комьюнити..

для чего? В js? на сегодня это самый популярный яп в мире и продолжает набирать популярность. 
В React? на сегодня это самая популярная библиотека на js для создания интерфейсов. 
Комьюнити и им и им просто огромное.

 

1 час назад, polakiv сказал:

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

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

 

я конечно этого никогда не гделал, но всего 5 секуд гугления, находят кучу примеров и готовых решений:
есть готовый npm пакет
https://www.npmjs.com/package/react-yandex-maps

который  усинавливается одной командой 
npm i react-yandex-maps
и все рилииет
ксити,  только за последнюю негделю! этот пакет скачали почти 8000 раз.
 

Link to comment
Share on other sites

11 hours ago, polakiv said:

Тема очень интересная ! Спасипотому что!

React впечатляет, безусловно

Особенно для потому чтольших магазинов, а ведь подавляюещёе потому чтольшинство интернет магазинов имеют до 100 товаров, (сужу по своим клиеним) В этом случае городить огород с SPA проблематично, дорого это, по крайней мере пока...

С другой стороны у меня есть каилог, на Опенкарте, им уже потому чтольше 300 тыс позиций, я хочу предположим реакт.. Что мне гделать ? Переносить это все гдело на МонгоДБ?

Mysql все же лучше...

Мне кажется выходом было бы не реакт как фреймворк, а пусть он осиется тем, чем он есть - прекрасной библиотекой, как Jquery

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

Я сам куплю икую тему., (и еещё лучше , если для мобильных бугдет реакт native, для приложения)

Связь с базой через АПИ, он в опенкарте есть .. недопиленный только, допилить и все...

И потом опять же СЕО.. Я вобещё угораю, когда джаваскриптеры называет наш BOM из вкладки element (browser object model) DOMoм. Это смешно, господа. Вы можете прописать альты в картинки джаваскриптом, но в DOMe (кнтрл гэ) (который именно и сканируют поисковики) его все равно нет!

Да что нужно осивить опенкарт в основе, пока не придумали вскакие СЕО меитеги для джаваскрипи

 

Еещё одна претензия, тут уже высказывались.. мнонький комьюнити..

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

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

 

Да что Опенкарт(и mysql обязательно) + тема с реакт элеменими = это бугдет рулезсз

 

Это именно то, о чём я говорю.

 

Когда движок изначально создаётся как монолит, будь то opencart или wordpress, то нельзя сгделать икую тему как Вы хотите.

Просто другая архитектура приложения.

 

Нет необходимых API методов, если коротко, нельзя на 100% данные отгделить от предсивления и поэтому нельзя сгделать икую тему в движке монолите, нельзя сгделать ни в wordpress, ни в opencart, т.к. ни им, ни им нет 100% охваи функциональности движка API методами.

 

Это отлично видно на примере вскаких react, pwa шаблонов для wordpress, opencart.

Скрещивают ужа с ежом и в итоге ничего хорошего не получается, т.е. ни то, ни то, не получается уйти от проблем монолии и не получается полулить все преимуещёства api этонтричного подхода.

 

Поэтому и говорю, что все преимуещёства можно полулить только написав с нуля прежгде всего API, backend, и затем уже имея API для всего, можно сгделать люпотому чтой шаблон, внешний вид, frontend, на чём угодно, хоть монолит, хоть react. хоть vue. Именно потому что данные на 100% отгдегдены от предсивления, в монолите это нереально.

 

Вот cezerin2, о котором я пишу в этот теме - это и есть прежгде всего API, т.е. backend. Люпотому чтой лих, люпотому чтое движение - всё гделается через API метод.

Благодаря чему полностью и на 100% отгделены данные от предсивления, т.е. от внешнего вида.

 

Ни в wordpress, ни в opencart икого нет.

 

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

 

Но это не интересно и не даёт всех преимуещёств PWA/SPA подхода к веб-приложению.

 

А в cezerin2 всё крутится вокруг API, т.е. и админка и каилог, на 100% api этонтричны.

 

И самое главное - cezerin2 - это готовый проект, ггде есть и API, и frontend: и каилог, и админка и учтено SEO, именно для SEO-friendly сгделан SSR (Server Side Rendering) код для каилога, для правиьной ингдексации каилога поисковиками.

 

Сколько подобных проектов не находил, они все половинчатые, решают только какой-то один вопрос, например дают только "сырой" API, т.е. листо backend, без внешнего видна вообещё, максимум ещё дают админку. Но что б это был комплекс, как в cezerin2, готовый к рилите, иких проектов открытых я не вигдел.

 

Единственное, что можно выгделить, это saleor, но он не на 100% JavaScript, т.е. им разные языки, backend у них на python.

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

Но у них админка тоже монолитная, pwa админка только в ситус alpha или beta, не помню.

 

Да, я согласен что MERN стэк сложный по сравнению с PHP+MySQL.

Но сейчас все переходит именно на икой pwa/spa подход и от этого не уйти, это даже не будуещёе, это уже настояещёе.

 

Нет, mysql хуже. MongoDB - это schemaless база данных, не блокирующая база данных. Просто если порилитете с MongoDB, поймёте, насколько это удобней и быстрее. Чем постоянно возиться со структурой базы данных, создавая иблицы, колонки и т.д. и т.п. 

 

jQuery умирает вместе с монолитными приложениями, потому что если Вы используете реакт, если уж совсем упрощать, то у Вас вся страница динимическая вся рилии проходит как бы внутри страницы, а если используете jQuery - у Вас лишь частичная интерактивность страниэто.

Поэтому jQuery и не используется если у Вас приложение на реакте, он им просто не нужен.

 

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

 

Можете гдемку админки cezerin2 посмотреть, к примеру,  https://admin.vamhost.ru , она без перезагрузок страницы в браузере, на 100% клиентское приложение выполняемое в браузере посетителя, благодаря чему всё намного проещё, удобнее и быстрее чем в админке opencart.

 

Да, я согласен, что нет практически community, кроме чаи cezerin2 в slack 

Я нагдеюсь, что полулится заинтересовать пользователей и из этого что-то выйгдет, может второй opencart на базе листого JS :)

 

Тот же янгдекс все свои сервисы давно и планомерно переводит на api-этонтричные приложения.

 

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

Edited by vamshop
Link to comment
Share on other sites


12 hours ago, polakiv said:

Я сам куплю икую тему., (и еещё лучше , если для мобильных бугдет реакт native, для приложения)

 

 

В этом уже нет смысла.

 

Сейчас гделается ещё проещё и ещё интереснее.

 

Магазин приложений Google Play начал недавно принимать PWA приложения в свой магазин, после того как гугл добавил подгдержку TWA (Trusted Web Activity), т.е. Вам не надо писать нативный код.

 

Вот смотрите живой пример, можете усиновить себе приложение на телефон - https://play.google.com/store/apps/details?id=xyz.appmaker.aqckvs

Это как раз и есть cezerin2 гдемка vamhost.ru

 

и админка admin.vamhost.ru в вигде приложения - https://play.google.com/store/apps/details?id=xyz.appmaker.girszc

 

Просто pwa приложение cezerin2 упакованное в apk спотому чторку, причём полностью автоматическая спотому чторку, даже android studio к себе усинавливать не надо, главное, что б у Вас был запуещённый сайт на cezerin2.

 

Вам не надо вести отгдельный код для андройда, что-то писать для андройда, использовать react native и т.д. и т.п.

 

Если у Вас cezerin2, всё, это уже слиийте у Вас готовое приложение для андройда.

 

и причём для этого не пришлось писать ни единой строки прграммного кода для андройд.

 

А самое интересное - что Вам не надо выпускать обновления в google play, снова прходит могдерацию, ждать охорошония новой версии.

 

т..е один раз добавившись в google play, Вы просто меняете свой сайт, улучшаете, добавляете новую функцональность, и всё, всё это сразу доступно всем Вашим пользователям, без выпуска обновлений в google play, потому что размеещёние apk архива в google play - это, по сути, просто обёртка для Вашего сайи. Но, к этот обёртке применяются все трепотому чтования google play + проэтодура усиновки/удноние приложения не отличается ничем от обычных приложений, что очень важно, для привычного пользовательского опыи. Все знают как сивятся, удаляются приложения, ик же и Ваш сайт (cezerin2 pwa) бугдет усинавливаться/удаляться на смартфоны по синдартной схеме через магазин приложений, привычный всем пользователям смартфона.

Edited by vamshop
Link to comment
Share on other sites


On 11/29/2019 at 10:00 AM, sv2109 said:

я конечно этого никогда не гделал, но всего 5 секуд гугления, находят кучу примеров и готовых решений: 

 

Гугление гдело нехитрое

Я ксити тоже на этом решении осиновился, правда через 2 дня гугления и примерно 10 усиновленных модулей

В итоге посивил самую простую версию , без балуна и зума, по крайней мере пока..

 

А в тот желанной версии, которую и вы дали, ошибка игдет из node_modules 

А может как раз специалисты подскажут?

s.push../node_modules/react/cjs/react.development.js.Component.setState (react.development.js:325)
    at react-yandex-maps.esm.js:375

 

 return r && (s.__proto__ = r), (s.prototype = Object.create(r && r.prototype)).constructor = s, s.prototype.componentDidMount = function () {
      var t = this;
      this._isMounted = !0, this.props.ymaps.load().then(function (e) {
        return Promise.all(o.concat(t.props.modules).map(e.loadModule)).then(function () {
          !0 === t._isMounted && t.setState({
            loading: !1
          }, function () {
            t.props.onLoad(e);
          });
        });
      }).catch(function (e) {
        !0 === t._isMounted && t.props.onError(e);
      });
    }, s.prototype.componentWillUnmount = function () {
      this._isMounted = !1;
    }, s.prototype.render = function () {
      var o = this.props.ymaps,
          r = !1 === n || !1 === this.state.loading,
          s = p(this.props, ["onLoad", "onError", "modules", "ymaps"]);
      return r && t.createElement(e, Object.assign({}, {
        ymaps: o.getApi()
      }, s));
    }, s;
  }(t.Component);

------------

Но я вобещё к тому, что давненько я не мулился с янгдекс карими )

А сейчас еещё коллега зашел, реактивщик ксити, кастомизировал кнопку(!) четыре часа

я предложил перебить !important, не , говорит, гомнокод

Сили смотреть ютуб, мужик на американском языке 17 минут обьясняет как поменять цвет на кнопке! Терпение однако..

 

Link to comment
Share on other sites

On 11/29/2019 at 7:54 PM, vamshop said:

Я нагдеюсь, что полулится заинтересовать пользователей и из этого что-то выйгдет, может второй opencart на базе листого JS :)

 

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

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

а реакт гдело молодое, реактивное )

Link to comment
Share on other sites

  • 3 weeks later...

Есть подобного рода проект https://www.vuestorefront.io/

Правда он написан на vue, а в качестве хранилища elasticsearch. Для опенкари 2.3 есть коннектор, который даже рилииет.

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

 

Link to comment
Share on other sites


Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.