Если вы хотите ориентироваться в этой серии постов, вот основное оглавление:
Эта история поможет вам начать загрузку приложения.
Это часть 2, где мы определяем проблему и вводим монаду Maybe
Это часть 3, где мы добавляем в нашу монаду возможность отображения
Это часть 4, где мы рассмотрим точки бесплатно
Это часть 5, где мы добавляем цепочку
Это часть 6, где мы приводим данные из реального мира
Я нашел эту замечательную статью о том, что вы можете найти здесь. Я подумал, что для своего первого поста на Медиуме я постараюсь изложить свои мысли и свои эксперименты по этому проекту. Это должна быть серия постов, над которыми я планирую работать.
Весь этот код будет размещен на GitHub здесь.
Во-первых, о чем мы сегодня говорим, ну о Монаде по имени Может быть. Это замечательная функция, которая имеет множество применений, которые я собираюсь показать вам в этих постах. Я не собираюсь вдаваться во всю математику с монадами, ну потому что большая часть мне не по плечу, но я могу показать вам, что эта монада может сделать для вас и как вы можете использовать ее на реальном рабочем примере.
Давайте начнем. Мы собираемся в основном писать весь код сами. Никаких сторонних библиотек, мы сами создадим мясо и картошку кода. Звучит здорово, правда?
Нам нужно быть в состоянии начать работу. Я уверен, что у вас есть папка, в которой вы хотите хранить свой javascript, поэтому давайте начнем с нее и создадим новую папку. Не знаю, скажем, назовем это js-monads. Здесь мы будем играть с нашими новыми монадами, которые мы собираемся создать. После создания этой папки вы можете открыть командную строку и перейти к этой папке. Есть много способов сделать это в зависимости от ОС, над которой вы работаете, но я пользователь Windows, поэтому я просто помещаю курсор в адресную строку и набираю cmd, и уже получаю командную строку в этой папке:
Убедитесь, что ваша командная строка находится в папке, в которой вы хотите создать проект, потому что она будет работать с этой папкой.
Теперь введите эту команду в командную строку:
npx kreat
Это пакет npm, который я написал для начальной загрузки некоторых тестовых проектов. Это принесет вам некоторые варианты
Я собираюсь создать javascript-игровую площадку. Если вас интересует исходный код этого проекта, вы можете найти его здесь.
После этого вы получите еще две подсказки. Один для создания пустого репозитория git
Затем я выберу установку зависимостей
Теперь ваш проект должен быть готов к работе.
Структура вашего проекта пока должна выглядеть так
Я не буду вдаваться в подробности того, что делают все эти файлы. Вы также можете выбрать создание своего проекта другим способом, но мне нравится этот вариант для себя. Не стесняйтесь разветвлять репозиторий для этого проекта Kreat и создавать собственные шаблоны. Возможно, я напишу еще одну статью о создании этого проекта. Если и когда я это сделаю, я свяжу это здесь.
Давайте теперь откроем это в vscode. Вы можете сделать это несколькими способами, но я решил установить это в контекстном меню Windows, поэтому я просто щелкну правой кнопкой мыши папку и выберу Открыть с помощью vscode.
Теперь, когда у нас есть структура папок и мы открыли этот проект в vscode, давайте протестируем его и посмотрим, что он делает. Откройте терминал в vscode. Вы можете сделать это, перейдя в
А теперь введите
npm start
После запуска веб-пакета в вашем браузере должно открыться окно. Щелкните правой кнопкой мыши и выберите «Проверить», чтобы открыть инструменты разработчика нашего браузера, и вы должны увидеть что-то вроде этого:
Это немного длинная установка, но я хотел, чтобы у нас было место, где мы могли бы поиграть с этими монадами, и мы продолжим в следующем посте, немного посмотрев на монаду Maybe.
Нажмите здесь, чтобы перейти к следующему посту из этой серии.
