Публикации по теме 'babel'
Тестирование частных функций JavaScript с помощью Babel
Тестирование частных функций JavaScript с помощью Babel
В JetClosing мы используем декомпозицию и модульное программирование. По мере того, как проекты становятся больше, важно четко определять интерфейс между объектами, экспортируя методы, составляющие этот интерфейс. Иногда это может вызвать проблемы при попытке модульного тестирования этого кода, особенно частных функций. Существующие стратегии для достижения этой цели имеют свои проблемы:
Раскрытие частных участников - это..
Горячая перезагрузка в приложениях React с разделением кода
Прерывание горячей перезагрузки и ее исправление
После того, как я присоединился к Zoover в марте, одной из первых вещей, которые мы сделали, было добавление горячей перезагрузки в наше приложение React с помощью Hot Module Reloading Webpack и react-hot-loader . До этого мы использовали gulp-livereload и его обновление на всю страницу, чтобы получить обновленный интерфейс. Первоначально он работал достаточно хорошо, но по ходу дела он стал более ненадежным, и после того, как мы..
Почему мой проект React вылетел из-за ReferenceError
используя babel, но все еще имею ReferenceError: Set не определен
Введение
Это была грустная ночь, когда я только что закончил работу, и кто-то сообщил, что проект, который я разработал, будет аварийно завершать работу на некоторых старых телефонах Android. Удаленная отладка через adb , выяснил почему страница вылетает:
Меня это смущает, я использую babel в своем проекте и вручную импортирую core-js в файл ввода.
Причина, по которой Set не определен
Код рабочей..
Свойства класса с React
Свойства класса с React
Используя свойства класса, вы можете упростить свои функции-обработчики. transform-class-properties доступен через Babel и по умолчанию включен в React Native.
class AwesomeProject extends Component {
state = {n: 0}
handleOnPress = () => this.setState({n: this.state.n + 1})
}
С анонимными стрелочными функциями
Это создает новую функцию для каждого рендера, что потенциально делает недействительными любые попытки запомнить в Button.
class..
Перенос проекта Babel на TypeScript
Если вы создаете веб-приложение сегодня, вы, вероятно, используете популярный инструмент Babel, чтобы воспользоваться преимуществами последних функций EcmaScript (async / await, классы, деструктуризация, распространение объектов и т. Д.) По мере роста вашего приложения вы можете захотеть лучший инструментарий, помогающий с рефакторингом, автозаполнением и, возможно, безопасностью типов. Так было у нас в Pleo , поэтому мы рассматривали возможность перехода с Babel на TypeScript...
Распаковка упаковки…
Prepack был недавно открыт в Facebook и уже получил 4К звезды на Github (что здорово, учитывая, что он настолько новый, что им еще нужно выбрать значок для него!). В этом посте мы рассмотрим, что он предлагает и зачем вам это нужно?
Что такое Prepack?
Prepack - это оптимизатор кода, который пытается точно настроить те части вашего кода, которые выполняются на этапе инициализации ваших модулей. В его основе лежит интерпретатор, совместимый с EcmaScript 5, с помощью которого он..
Быстрая настройка Babel для компиляции кодов Es6 + Javascript в среде узла.
Настройка Babel для компиляции кодов es6 + Javascript в обратно совместимую версию JavaScript в текущих и старых браузерах или средах, вероятно, самая простая вещь, с которой я столкнулся как разработчик. Однако мне потребовалось время, чтобы осознать это, и это было связано с тем, что Babel - это не просто пакет, который вы подключаете к своему проекту, и он начинает воспроизводиться, но вам действительно нужно собрать несколько пакетов вместе, чтобы заставить его работать, зная..
