Pull to refresh

Приложение на Elm за считанные секунды

Reading time2 min
Views14K

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


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




Create React App


Опережая заявленный график, Даня Абрамов объявил о публичном релизе Create React App инструмента для командной строки, который упрощает создание и дальнейшую разработку приложений на базе React.


Философию этого инструмента можно подытожить тремя пунктами:


  • минимизация числа зависимостей
  • отсутствие конфигурации
  • отсутствие привязки пользователя к инструменту и возможность доработки предложенного решения

С основными идеями и описанием функциональности вы можете ознакомиться в официальном блог-посте Create Apps with No Configuration


Create Elm App


Вдохновившись идеями, вложенными в Create React App, я решил поддержать эту тенденцию и минимизировать необходимость в изучении инфраструктуры для людей, которым интересен Elm. Также Create Elm App идеально подходит для быстрого прототипирования.


Руководство


Установка


Для установки вам понадобится Node.js 4.# и NPM 3.#


npm install -g create-elm-app

Создание приложения


Для создания приложения следует выполнить следующую команду в командной строке:


create-elm-app my-app

Подождите несколько секунд, пока elm-package установит необходимые пакеты, и приложение готово к разработке!


image

Новое приложение предлагает минималистичную структуру файлов и папок, готовую к разработке:


my-app/
  .gitignore
  README.md
  elm-package.json
  src/
    favicon.ico
    index.html
    index.js
    main.css
    Main.elm

Сборка


Оптимизированную сборку для размещения приложения на сервере можно совершить, выполнив команду elm-app build в корневой папке проекта:


cd my-app/
elm-app build

Разработка


Для выполнения приложения во время разработки используется сервер, размещенный по адресу http://localhost:3000/


elm-app start

image

Он позволяет использовать технологию Hot Module Replacement для динамической подгрузки измененного кода без обновления страницы.


Установка Elm пакетов


Тут уже размещено около полутысячи модулей для различных задач. Установка модулей при помощи Create Elm App выполняется следующим образом:


elm-app package install evancz/elm-http -y

Отсутствие привязки


В любой момент времени вы можете извлечь всю скрытую от пользователя конфигурацию и продолжить разработку приложения без Create Elm App.


elm-app eject

Эта команда скопирует необходимую конфигурацию и NPM модули для сборки и разработки, открывая возможности для более тонкой настройки.




Надеюсь, вы найдете этот инструмент полезным! Буду рад отзывам и пожеланиям

Tags:
Hubs:
Total votes 33: ↑29 and ↓4+25
Comments6

Articles