Javascript & Ajax \ Javascript

Отладка JavaScript в производственной среде с помощью карт источников

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

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

Javascript & Ajax \ Javascript

Как использовать Bootstrap с React

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

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

Javascript & Ajax \ Javascript

Создание многоразовых компонентов React

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

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

Javascript & Ajax \ Javascript

Создание форм с помощью React – все что нужно знать

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

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

Javascript & Ajax \ Javascript

Управление состоянием в React с помощью Unstated

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

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

Javascript & Ajax \ Javascript

Как работает setState React

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

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

Javascript & Ajax \ Javascript

Вот почему нужно привязывать обработчики событий в компонентах класса в React: использование .bind()

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

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

Javascript & Ajax \ Javascript

Что React Context API может сделать для вас? Многоязычный текст, модальные элементы и переключатели темы

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

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