[Из песочницы] Приложение на Elm за считанные секунды

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


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


We need opinionated tools that take care of configuring dev and prod so you can focus on the app. They will come. Give it a year.

— Dan Abramov (@dan_abramov) January 26, 2016


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 модули для сборки и разработки, открывая возможности для более тонкой настройки.



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

Комментарии (0)

© Habrahabr.ru