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

Почему ELM? 🤔

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

  • Эффективный рендеринг
  • Отсутствие исключений во время выполнения (No null, No undefined не является функцией) благодаря компилятору, что делает ELM интересным для использования в отрасли.
  • Разделенная логика и пользовательский интерфейс
  • Сообщения об ошибках составлены хорошо и помогают при отладке.
  • Простая архитектура для создания сложных веб-приложений

Требования 👨‍🔧

  • Node JS версии 5.1 +
  • Elm версии 0.18 (npm install -g elm)

GG GL HF WP EZ ! 👨‍🔬

В корне каталога вашего проекта создайте файл Main.elm и установите недостающие зависимости, выполнив следующую команду.

touch Main.elm && elm package install elm-lang/html

Начнем с добавления этого кода в Main.elm.

module Main exposing (..)
import Html
main =
    Html.text "Hello World"

Мы устанавливаем модуль, используя имя файла и открывая все. Раскрытие всего - это хорошо для прототипирования, но серьезный проект может захотеть сделать выставленные значения явными. Затем мы импортируем установленный нами пакет. Основной должен быть установлен как тип HTML, SVG или программа. Чтобы показать строку «Hello World», нам нужно использовать функцию с именем text из пакета, который мы установили ранее. Теперь мы можем вывести тип Html, используя функцию text и передав строку «Hello World».

Давайте попробуем запустить наш Main.elm. В командной строке перейдите в корневой каталог вашего проекта и выполните следующую команду.

elm reactor

Это запустит сервер по адресу http://localhost:8000.

Хотите узнать больше? 🎓

Основная цель изучения ELM состояла в том, чтобы иметь четкое представление об основной концепции функционального программирования, пока все хорошо! Если вы хотите узнать больше о Elm и FP, я рекомендую вам Elm For Beginners от James Moore (это бесплатно!).

Https://courses.knowthen.com/p/elm-for-beginners

Отдельное спасибо Sonda Yip за хороший отзыв на мой пост 😃