Blog by Fi1osof

ShopModxBox-4.0 by React-JS

ShopModxBox-4.2.0

Расширение API-запросов в ShopModxBox

ShopModxBox-4.3.0

Javascript headless prisma-cms. CMS без внешнего оформления.

Судя по всему, мало кто еще понимает что такое современный JS, реакт и т.п. и зачем это вообще нужно. Вот в качестве интересного примера: https://stackblitz.com/edit/test-google-map 

Это аналог сервиса jsfiddle.org, только специализированный под реакт и ангулар. Посмотрите код, конечный вывод, и прикиньте, как быстро вы сможете имеющимися у вас на текущий момент средствами накидать компонент для вывода гуглокарты с любыми кастомными на ней HTML-элементами (при том, что гуглокарта в принципе просто так не дает кастомные элементы выводить).

Судя по всему, мало кто еще понимает что такое современный JS, реакт и т.п. и зачем это вообще нужно. Вот в качестве интересного примера: https://stackblitz.com/edit/test-google-map Это аналог сервиса jsfiddle.org, только специализированный под реакт и ангулар. Посмотрите код, конечный вывод, и прикиньте, как быстро вы сможете имеющимися у вас на текущий момент средствами накидать компонент для вывода гуглокарты с любыми кастомными на ней HTML-элементами (при том, что гуглокарта в принципе просто так не дает кастомные элементы выводить).

Судя по всему, мало кто еще понимает что такое сов

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

Во вторых, да собственно по сабжу.

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

Локально (под Windows7+OpenServer) я не развернул даже пакет react-study не стал долго копаться в проблемах и воспользовался modhost и все заработало с полу-тыка. ShopBox - правда не развернулся места ему не хватило но все равно там есть на что посмотреть.. как я понимаю в v4.0/ это подготовленный скин в котором можно начинать трудится, а все конфетки в пакете shopmodx-react который подтягивает еще пару интересных пакетов react-cms, modx-react .. 

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

И напоследок, хотелось бы поблагодарить Николая за то что он делает.

Буду следить за всем этим обязательно, более того буду пробовать, щупать и вообще двигать себя в этом направлении.

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

Привет всем. Во первых, всех с праздниками и наверное всем хотелось бы пожелать жажды нового и тяги к будущему, потому что только мы можем сделать будущее настоящим. Во вторых, да собственно по сабжу. Пакет развернуть мне не удалось, причины скорее всего технические, но все по порядку.. Локально (под Windows7+OpenServer) я не развернул даже пакет react-study не стал долго копаться в проблемах и воспользовался modhost и все заработало с полу-тыка. ShopBox - правда не развернулся места ему не хватило но все равно там есть на что посмотреть.. как я понимаю в v4.0/ это подготовленный скин в котором можно начинать трудится, а все конфетки в пакете shopmodx-react который подтягивает еще пару интересных пакетов react-cms, modx-react .. Включу хотелку ... хотелось бы видеть пакет который будет самодостаточен в плане работы с МОДХ без дополнений Магазина а что то схожее с modxsite .. но я так понимаю что его можно выпилить из этой сборки. И напоследок, хотелось бы поблагодарить Николая за то что он делает. Буду следить за всем этим обязательно, более того буду пробовать, щупать и вообще двигать себя в этом направлении. п.с. на самом деле вопросов на столько много что даже не понятно с чего начинать, так что пока изучаю сборку

Привет всем. Во первых, всех с праздниками и навер

Добрый день и тоже с праздником!

Выпиливать ничего не надо. Для этого и делаются отдельные компоненты типа modx-react и react-cms. Главный базис - это react-cms. Конечно же он далек от конечной версии, там многое еще на базе заготовок. Но, до сих пор нет на рынке полноценного компонента CMS на базе node+react, поэтому приходится пилить что-то свое, по мере необходимости. Во всяком случае сервер-рендеринг, GraphQL и прочее в нем уже есть (кстати, даже серверные заголовки 200, 500, 301, 404 и т.п.). Меня этот пакет вполне устраивает, хоть над ним еще и придется поработать.

Пакет modx-react появился уже после этого релиза. В него я прописываю основные модели для работы с БД MODX. Он не работает сейчас напрямую с БД, а через modxsite-процессоры, и пока только документы и пользователи, но тем не менее, позволяет получить необходимые данные. https://github.com/MODX-Club/modx-react/tree/master/src/components/ORM 

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

Добрый день и тоже с праздником! Выпиливать ничего не надо. Для этого и делаются отдельные компоненты типа modx-react и react-cms. Главный базис - это react-cms. Конечно же он далек от конечной версии, там многое еще на базе заготовок. Но, до сих пор нет на рынке полноценного компонента CMS на базе node+react, поэтому приходится пилить что-то свое, по мере необходимости. Во всяком случае сервер-рендеринг, GraphQL и прочее в нем уже есть (кстати, даже серверные заголовки 200, 500, 301, 404 и т.п.). Меня этот пакет вполне устраивает, хоть над ним еще и придется поработать. Пакет modx-react появился уже после этого релиза. В него я прописываю основные модели для работы с БД MODX. Он не работает сейчас напрямую с БД, а через modxsite-процессоры, и пока только документы и пользователи, но тем не менее, позволяет получить необходимые данные. https://github.com/MODX-Club/modx-react/tree/master/src/components/ORM На будущее есть идеи, и скорее всего, это компоненты станут более полными и самостоятельными. Не за что.

Добрый день и тоже с праздником! Выпиливать ничего

Кстати, с GraphQL можно и здесь поиграться: https://modxclub.ru/react-lessons/lesson2 

Отдельный урок про GraphQL был здесь: https://modxclub.ru/topics/react-js.-urok-%E2%84%962.-zaprosyi-s-pomoshhyu-graphql-2693.html 

Кстати, с GraphQL можно и здесь поиграться: https://modxclub.ru/react-lessons/lesson2 Отдельный урок про GraphQL был здесь: https://modxclub.ru/topics/react-js.-urok-%E2%84%962.-zaprosyi-s-pomoshhyu-graphql-2693.html

Кстати, с GraphQL можно и здесь поиграться: https:

Комментарий к топику Javascript headless prisma-cms. CMS без внешнего оформления.

Артем, судя по всему ты пытался отправить сообщение с мобильника. К сожалению, в используемом текстовом редакторе draft-js есть старая бага, проявляющаяся на некоторых сочетаниях "андроид+клавиатура+мобильный браузер". В результате кириллица не воспринимается и отправляется пустое сообщение (или неполное). Открыто несколько тикетов, вот собирательный: https://github.com/facebook/draft-js/issues/1895 

Надеюсь скоро поправят и проблема исчезнет. Пока что гарантировано сообщения отправляются только с компа или в латинице.

Артем, судя по всему ты пытался отправить сообщение с мобильника. К сожалению, в используемом текстовом редакторе draft-js есть старая бага, проявляющаяся на некоторых сочетаниях "андроид+клавиатура+мобильный браузер". В результате кириллица не воспринимается и отправляется пустое сообщение (или неполное). Открыто несколько тикетов, вот собирательный: https://github.com/facebook/draft-js/issues/1895 Надеюсь скоро поправят и проблема исчезнет. Пока что гарантировано сообщения отправляются только с компа или в латинице.

Артем, судя по всему ты пытался отправить сообщени

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

Остается только решить вопрос как обновлять текуще

Николай, это очень интересный проект! Буду внимательно следить за его развитием. 

Николай, это очень интересный проект! Буду внимательно следить за его развитием. Желаю успехов!

Николай, это очень интересный проект! Буду внимате

GraphQL

javascript

modx-react

react

react-cms

shopkeeper

shopmodx-react

ShopModxBox

shopmoxbox

# Николай Ланец aka Fi1osof
**Lead Fullstack Developer / Ментор / Евангелист современного JS‑стека**

---

## О себе

Я — не просто Senior Developer с 2007 года. Я — тот, кто строит продукты будущего на базе современных технологий и помогает другим подниматься на новую ступень айти-карьеры. Создатель и идейный вдохновитель freecode.academy — платформы, где обучение перестает быть скучной обязаловкой и становится настоящим технологическим приключением.

---

## Мой стек и философия разработки

Основу моего рабочего арсенала составляют:

- [Javascript](/technologies/ck1faudv928l40a89c4u9zxlm), [TypeScript](/technologies/ckcvwwx010kov08009u7y2rav)
- [React](/technologies/ck1fawbdw28v20a891k4wlh27), [Next.js](/technologies/ckg2jd4ffr9260730aog66dri)
- [Node.js](/technologies/ckt55wm59272831wo9gg9r8ynx), [GraphQL](/technologies/ck1fawhqk28vu0a8995lqvlsj), [Apollo Client](/technologies/ck2zdcg0vpvc10a89xjmhj1e0), [Nexus](/technologies/ckl2pbh0fxew60730ifl3zozp), [Prisma](/technologies/ck2zdbmi7pv8r0a89ntc2r0f1)
- DevOps: [Docker](/technologies/ck2y1x9lho9cy0a8953xzfjr8), [docker-compose](/technologies/ck2y1xqino9g80a89tsftxin2), [Caddy](/technologies/ck2zd8ovqpuyl0a8909748sbu), [Ubuntu](/technologies/cktu8giks3593911vmle30ztqxt)
- UI-инструменты: [Styled-Components](/technologies/ckk8myysio7lw0730csszvrdw), [Material-UI](/technologies/ckljv3jwd7bgf0730huxlko9n), [react-hook-form](/technologies/ckmx8cn9fmwrv073032e67722)
- Всё актуальное для разработки, CI/CD и автоматизации 
- Эксперименты с [WebGL](/technologies/ckan9anntc12f08003saqttrq), [A‑Frame](/technologies/ck2tgoiz8j37y0a89c7gxsrxc), [Three.js](/technologies/ck2tgns1nj32z0a89vmw7xw3f), [Unreal Engine 4](/technologies/ck7puswy6g4yb07004cdp6lbr), [Elixir](/technologies/ckn0olavrnnzi0730xs8rctn8), [C++](/technologies/cknin1y8lu2fr07307mskn2fn)

---

## Разработка и менторство

- Более 15 лет **hands-on** разработки и проджект‑менеджмента
- Главный разработчик и преподаватель платформы [freecode.academy](https://freecode.academy)
- **Ведущий менти-пул на платформе** — лично выращиваю новых звезд отрасли

### Мои менти и их результаты

| Менти (ФИО \| username)                               | Уровень | Рейтинг |
|-------------------------------------------------------|---------|---------|
| [Попов Дмитрий \| linklib](/users/cjoe890c706ji0d962oismzoe)           | 3       | 315     |
| [Сэт \| defk1lla](/users/ckzh1ita312978121imr9hpqfc64)                 | 3       | 670     |
| [Ксения Матвеева \| Ксения Матвеева](/users/ckz4awwlh10627771imr4wvpb7cj) | 2       | 0       |
| [Михаил \| Balamut](/users/cl1npq92z10258261vmbq0w6vfh2)               | 2       | 0       |
| [Ольга Ершова \| angel](/users/cjoe87zhk00250d969arluevk)              | 1       | 0       |
| [Егор \| rogedkone](/users/cksrdp47d3308261ijuq7wfrxdl)                | 3       | 0       |
| [Roman \| Roman43](/users/ckur2qtt64721431xoboyjcte52)                 | 2       | 0       |
| [Бут Игорь \| santiment](/users/ckttd9x20893951vmltb8t7sha)            | 1       | 0       |

**Доношу простую мысль: успех — это не магия, это осознанная системная работа и кайф от роста.**
Мои менти выводят решения в продакшн, пробиваются в лидеры рейтингов — кому не хочется быть в такой команде?

---

## Почему я?

- **Прокачаю проект** — от TDD архитектуры до культурного CI/CD
- **Вдохновлю команду** — и научу мыслить по‑новому, где ИИ — напарник, а не угроза
- **Выращу мидлов и сеньоров** — доказано платформой и рейтингами моих учеников

**Сила — в сообществе, а техника — это просто смазка для ваших побед. Присоединяйтесь!**

---

## Контакты

- 📧 [n.lanets@freecode.academy](mailto:n.lanets@freecode.academy)
- Телеграм: [@freecode_academy](https://t.me/freecode_academy)

---

**P.S.**: Мой опыт — ваш драйвер роста. Хотите в команду? Ищете менторство? Пишите. Растём вместе!