Публикации по теме 'babeljs'


Webpack встряхивает дерево
Встряхивание дерева - это процесс анализа вашего кода и включения только тех частей, которые вы явно импортируете для запуска вашего приложения. Хорошо, что такое устранение мертвого кода? Хороший вопрос. Устранение мертвого кода подходит к проблеме с противоположной стороны. Он анализирует ваш код после его объединения и удаляет код, который не используется в вашем приложении. В конечном итоге они оба используются для удаления ненужного кода. При этом, вот один лайнер, который..

Вскрытие проекта: FlatCollab, часть 2
Версия для JavaScript и jQuery Подождите, разве у нас уже не было этой записи в блоге? Я уже делал пост о FlatCollab , это правда. Однако первоначальный FlatCollab состоял только из Rails, HTML и CSS — интерфейс представлял собой набор статических страниц. FlatCollab 2 имеет красивый новый внешний интерфейс, который использует вызовы jQuery и AJAX для отображения всех функций FlatCollab в виде одностраничного приложения. Серверная часть Rails в настоящее время в основном..

Как получить данные с помощью async / await Express.js, (запрос на основе)
Привет…. сегодня я поделюсь простым учебным пособием «КАК ПОЛУЧИТЬ ДАННЫЕ С ПОМОЩЬЮ ASYNC / AWAIT, EXPRESS JS (БАЗОВЫЙ ЗАПРОС)» хорошо, перейдем к первому шагу. перед этим, я надеюсь, вы уже создали пустой проект с помощью Express.js. хорошо, сначала вы должны установить babel npm install babel-install создайте новый файл в своем приложении с именем .babelrc, например: и в вашем файле .babelrc введите простой скрипт. { "stage" : 0 } затем установите..

Свойства класса с 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 6
С несколько недавним выпуском Babel 6 произошел довольно резкий сдвиг по сравнению со старыми версиями, в котором каждый компонент был разделен и уменьшен. Это упрощение является фантастическим с точки зрения ответственности компонентов, но сбило с толку ряд пользователей. Отчасти путаница происходит из-за огромного количества образовательных ресурсов, не соответствующих версии, включая документацию от сторонних производителей, которые, возможно, были действительны для Babel 5, но больше..

Глоток с ES2015
В моем предыдущем обзоре gulp основное внимание уделялось настройке системы быстрой сборки с некоторыми полезными gulp-плагинами. Несмотря на то, что это было довольно просто, я думаю, что это было бы чрезвычайно полезно для тех, кто только начинает работать с gulp. В этом посте я настрою такую ​​же систему сборки с синтаксисом ES2015/ES6. Если вы не знаете, что означает ES2015/ES6, это последняя версия ECMAscript, которая является спецификацией для языков сценариев. что также..

Знакомство с Babel.js
Я уверен, что вы заинтересованы в ES6, поддержке JSX и т. д. Поэтому я разработал это вступление, чтобы вы могли быстро и ясно освоиться (надеюсь!) Это самое краткое введение во все, что вам нужно знать о Babel. Интерлюдия Babel компилирует код JavaScript в код JavaScript. Не так уж и сложно, верно? Это нужно сделать, потому что существуют разные версии движков JavaScript, и разработчики хотят использовать новейший синтаксис и функциональность кода, а также поддерживать старые..