От автора: я уверен, что вы читаете это и думаете: «Уже существует миллион шаблонов для того, чтобы делать тестирование JavaScript. Зачем миру нужен еще один?»

Продолжить чтение →

От автора: для чего нужна отладка JavaScript? В наши дни код, который вы используете для написания приложения, обычно не тот же код, который был развернут в производственной среде и интерпретируется браузерами. Возможно, вы пишете исходный код на языке, который «компилируется» в JavaScript, например CoffeeScript, TypeScript или в последней версии стандарта JavaScript, ECMAScript 2015 (ES6). Или, что еще более вероятно, вы минимизируете свой исходный код, чтобы уменьшить размер файлов развернутых скриптов. Вероятно, вы используете такой инструмент, как UglifyJS или компилятор Google Closure.

Продолжить чтение →

От автора: с ростом популярности одностраничных приложений за последние несколько лет появилось много интерфейсных JavaScript-фреймворков, таких как Angular, React, VueJS, Ember, этот список можно продолжить. В результате использование DOM-библиотек, таких как jQuery, больше не является необходимым требованием для создания веб-приложений. С другой стороны, появилось несколько фреймворков CSS, которые помогут удовлетворить требования построения адаптивных веб-приложений. Почти каждый разработчик интерфейса должен либо использовать, либо слышать о Bootstrap, Foundation или Bulma, каждый из которых представляет собой адаптивную (мобильную) структуру CSS с надежными функциями и встроенными утилитами.

Продолжить чтение →

От автора: обычно в чистом JavaScript когда вы хотите повторно использовать какой-то код, вы пишете его как функцию. В React, однако, вы пишете свой код как компонент. В этом посте я покажу, как мы можем создавать пользовательские повторно используемые React компоненты и делиться ими между приложениями. Я также рассмотрю некоторые из лучших практик, которые, как я думаю, помогут создать улучшенные повторно используемые компоненты React.

Продолжить чтение →

От автора: формы являются неотъемлемой частью любого современного приложения. Они служат основным средством взаимодействия пользователей с вашим приложением. Разработчики полагаются на формы для всего: безопасный вход в систему пользователя, поиск и фильтрация списка продуктов, бронирование продукта и построение корзины и т. Д. Более сложные приложения, созданные для предприятий, обычно более интенсивно заполняются, при этом поля ввода охватывают несколько вкладок. Кроме того, нужно учесть и развернуть логику проверки.

Продолжить чтение →

От автора: по мере усложнения вашего приложения управление состоянием может стать утомительным. В React состояния компонента должны быть самодостаточными, что делает затруднительным передачу состояния между несколькими компонентами. Redux представляет собой передовую библиотеку для управления состоянием в React, однако, в зависимости от того, насколько сложна ваша программа, вам может Redux и не понадобится.

Продолжить чтение →

От автора: описание важных новых функций ES 2017 JavaScript. Отступы строк, завершающие запятые. SharedArrayBuffer, Atomics и другие объекты. Примеры кода.

Продолжить чтение →

От автора: время, когда JavaScript использовалось только для добавления небольших взаимодействий на сайт, давно ушло. Новые стандарты EcmaScript теперь выходят каждый год, принося все больше и больше полезных и мощных функций, а JavaScript больше не используется только для Front-End, так как теперь также можно создавать серверную архитектуру, мобильные, стационарные или IOT-приложения.

Продолжить чтение →

От автора: во время работы c React вы должны столкнуться с контролируемыми компонентами и обработчиками событий. Нам нужно связать эти методы с экземпляром компонента, используя React bind () в конструкторе пользовательского компонента.

Продолжить чтение →

От автора: я ленив, по умолчанию. Изучение чего-то нового требует усилий и времени. Поэтому я всегда начинаю с вопроса: «Почему я должен это изучать? Как этот (нужное подчеркнуть) фреймворк, библиотека, язык программирования облегчат мою жизнь? «

Продолжить чтение →