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

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

Что такое Znote?

Znote - это мощный инструмент для интерактивной разработки / представления данных или прототипирования скриптов.

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

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

JS площадка для прототипирования

JS Playground полностью интегрирован с синтаксисом Markdown. Просто создайте стандартный блок кода JavaScript, чтобы начать выполнение вашего кода.

Чтобы ускорить это действие, вы можете использовать сочетание клавиш Cmd + P.

Примечание. Блоки кода являются асинхронными и поддерживают новейший синтаксис JavaScript ES6–7. Таким образом, вы можете напрямую await для асинхронной функции. Ошибки автоматически обнаруживаются и отображаются в выводе.

Поскольку предварительный просмотр является локальным браузером, вы можете импортировать и запускать любые библиотеки пользовательского интерфейса JS, такие как React (да, JSX также поддерживается) 😊

Также можно смешивать библиотеки Node.js с ключевым словом require() или запускать простой код NodeJS.

Также доступны другие Node API, например fs или exec, для простого взаимодействия с вашей локальной системой. Возможности безграничны…

Полная документация здесь.

Исследование данных

Znote поставляется с двумя предустановленными замечательными библиотеками, которые помогут вам эффективно исследовать данные: DanfoJS и PlotlyJS.

Danfo.js во многом основан на библиотеке Pandas и предоставляет аналогичный интерфейс и API. Это означает, что пользователи, знакомые с API Pandas, могут легко использовать Danfo.js.

PlotlyJS построен на основе d3.js и stack.gl. Plotly.js представляет собой декларативную библиотеку высокого уровня для построения диаграмм. plotly.js поставляется с более чем 40 типами диаграмм, включая 3D-диаграммы, статистические графики и карты SVG.

Диаграммы

Благодаря интеграции Mermaid вы можете создавать диаграммы и визуализации с помощью текста и кода.

Динамическая разметка

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

Это только начало! Znote содержит множество полезных функций, которые помогут вам повысить эффективность повседневной работы🧑‍💻

А теперь? Он уже доступен!

Вы можете посетить веб-сайт, чтобы скачать приложение здесь: https://znote.io/

Полная документация по продукту доступна на сайте https://doc.notebookjs.app/#/.

Надеюсь, вам понравится это приложение, и оно сделает вашу работу немного веселее.