mobx-cookbook / mobx-cookbook.github.io

Книга по Mobx
https://mobx-cookbook.github.io
35 stars 5 forks source link

Сопровождать книгу примерами из codesandbox #8

Closed kubk closed 1 year ago

kubk commented 2 years ago

От @trin4ik : "глобально я бы разработал небольшой playground для mobx+react, чтобы можно было быстро тестировать те или иные методы. отличный пример -- туториал свелта (https://svelte.dev/tutorial/basics) мало того, что на нём можно показывать примеры работы, там же можно и давать playground. будет хорошее дополнение к книге. ну и раздел "практика" будет организовать сильно проще."

cc @zapolnoch

kubk commented 2 years ago

Хорошо, когда наглядно. Как у Svelte вряд ли получится сделать, но думаю можно компромиссное решение - вставлять ifram'ы с сайта codesandbox / codepen. Подобное решение я видел на medium и habr: https://habr.com/ru/post/440874/

akaguny commented 1 year ago

если хочется playground, то возможно стоит посмотреть в сторону https://webcontainers.io/ , разработка stackbitz. svelte их использует https://webcontainers.io/guides/community-inspirations также можно посмотреть на готовую имплементацию в документации react-flow (кстати тоже докадинозавр) рендер страницы документации: https://reactflow.dev/docs/getting-started/building-a-flow/ исходник страницы документации: https://github.com/wbkd/react-flow-docs/blob/main/docs/getting-started/building-a-flow.md?plain=1#L22 компонент - рендер примера кода: https://github.com/wbkd/react-flow-docs/blob/main/src/components/CodeViewer/index.js#L9

kubk commented 1 year ago

@akaguny Отличная идея! Рассмотрим такой вариант. Для практики должно быть максимально наглядно

kubk commented 1 year ago

https://github.com/mobx-cookbook/mobx-cookbook.github.io/pull/26