babel

  • Софт

    [Перевод] Опрос по инструментам фронтенда 2019 — результаты

    TL;DR. В большинстве категорий теперь выделяются явные лидеры — несколько лет назад такого не было. Это помогает накоплению знаний. Поэтому Навыки владения инструментами в среднем становятся глубже у разработчиков всех уровней. Как всегда, огромная благодарность всем, кто нашёл время заполнить опросник. В этом году 3005 разработчиков ответили на 27 вопросов, охватывающих широкий спектр инструментов и методологий фронтенд-разработки. Со своей стороны,…

    Подробнее »
  • Хабрахабр

    [Перевод] Создание собственных синтаксических конструкций для JavaScript с использованием Babel. Часть 2

    Сегодня мы публикуем вторую часть перевода материала о расширении синтаксиса JavaScript с использованием Babel. → Головокружительная первая часть Как работает парсинг Парсер получает список токенов от системы токенизации кода и, по одному рассматривая токены, строит AST. Для того чтобы принять решение о том, как именно использовать токены, и понять, какой токен можно ожидать следующим, парсер обращается к спецификации грамматики языка.…

    Подробнее »
  • Хабрахабр

    [Перевод] Создание собственных синтаксических конструкций для JavaScript с использованием Babel. Часть 1

    Сегодня мы публикуем первую часть перевода материала, который посвящён созданию собственных синтаксических конструкций для JavaScript с использованием Babel. Обзор Для начала давайте взглянем на то, чего мы добьёмся, добравшись до конца этого материала: // конструкция '@@' оснащает функцию `foo` возможностями каррирования function @@ foo(a, b, c) { return a + b + c; } console.log(foo(1, 2)(3)); // 6 Мы собираемся…

    Подробнее »
  • Хабрахабр

    [Перевод] Зачем современную веб-разработку так усложнили? Часть 1

    Современная фронтенд-разработка оставляет полярные впечатления: одни её любят, другие презирают. Я большой поклонник современной веб-разработки, хотя мне она напоминает некую «магию», со своими плюсами и минусами: Когда вы поймете, как использовать волшебные инструменты (babel! бандлеры! вотчеры! и так далее!), ваш рабочий процесс становится быстрым, мощным и восхитительным Если вы не понимаете волшебные инструменты, всё ужасно запутанно …и попытки освоить магию…

    Подробнее »
  • Хабрахабр

    [Из песочницы] Ускоряем сборку веб-приложения с webpack

    Это совершенно неприемлемо. По мере того как ваше приложение развивается и растёт, увеличивается и время его сборки — от нескольких минут при пересборке в development-режиме до десятков минут при «холодной» production-сборке. Мы, разработчики, не любим переключать контекст в ожидании готовности бандла и хотим получать фидбек от приложения как можно раньше — в идеале за то время, пока переключаемся с IDE…

    Подробнее »
  • Хабрахабр

    Метапрограммирование в JavaScript и TypeScript

    Пролог В основном я буду писать об использовании тех или иных техник в JavaScript либо в TypeScriptЭта первая (и надеюсь не последняя) статья из серии. Хочу представить на Ваш суд ряд мини статеек, в которых будут описаны приемы и основы метапрограммирования. Так что же такое метапрограммирование: It means that a program can be designed to read, generate, analyze or transform…

    Подробнее »
  • Хабрахабр

    Собираем бандл мечты с помощью Webpack

    JS-приложения, сайты и другие ресурсы становятся сложнее и инструменты сборки — это реальность веб-разработки. Бандлеры помогают упаковывать, компилировать и организовывать библиотеки. Один из мощных и гибких инструментов с открытым исходным кодом, который можно идеально настроить для сборки клиентского приложения — Webpack. RU внедрил Webpack в несколько больших проектов, на которых до этого была своя кастомная сборка, и контрибьютил с ним несколько проектов. Максим Соснов (crazymax11) — Frontend Lead в N1. Максим знает, как с Webpack собрать…

    Подробнее »
  • Хабрахабр

    [Перевод] Переносим 30 000 строк кода с Flow на TypeScript

    Недавно мы перенесли 30 тысяч строк кода JavaScript нашей системы MemSQL Studio с Flow на TypeScript. В этой статье я расскажу, почему мы портировали кодовую базу, как это происходило и что получилось. Я восхищаюсь проектом и думаю, что в сообществе JavaScript достаточно места для обоих вариантов проверки типов. Дисклеймер: моя цель — вовсе не критика Flow. Искренне надеюсь, что статья…

    Подробнее »
  • Хабрахабр

    [Перевод] Приключения оператора pipeline в babel@7

    0. В релизе babel@7. Из этой статьи вы узнаете, что такое оператор pipeline и зачем ему нужна конфигурация. 0-beta52 появился новый обязательный флаг конфига для плагина @babel/plugin-proposal-pipeline-operator, что ломает обратную совместимость для предыдущих версий плагина. Текущий статус Оператор pipeline берёт своё начало в таких языках, как F#, Hack, Elm, Elixir и других, а при добавлении его в JavaScript возникают два…

    Подробнее »
  • Хабрахабр

    [recovery mode] Классическое наследование в JavaScript. Разбор реализации в Babel, BackboneJS и Ember

    В этой статье мы поговорим о классическом наследовании в JavaScript, распространённых шаблонах его использования, особенностях и частых ошибках применения. Рассмотрим примеры наследования в Babel, Backbone JS и Ember JS и попытаемся вывести из них ключевые принципы объектно-ориентированного наследования для создания собственной реализации в EcmaScript 5. Оказывается, простую функцию extend можно реализовать очень по-разному. Статья для тех, кто знаком с наследованием…

    Подробнее »


Кнопка «Наверх»
Закрыть