Javascript & Ajax \ Javascript

Создание регистрации пользователя с помощью Node, React и Okta

От автора: сейчас пользователи интернета ожидают персонализированного подхода. Разработчики должны учиться строить сайты, которые предоставляют персонализированный опыт, сохраняя конфиденциальность информации о пользователе. Современные веб-приложения, как правило, обладают серверным API и клиентским интерфейсом. Довольно сложно дать понять обоим концам о том, что пользователь авторизовался. В этом уроке я расскажу вам про настройку Node API и создание React UI. У нас получится регистрация пользователя, которая сохраняет конфиденциальность информации о пользователе.

Читать далее

Javascript & Ajax \ Javascript

Детальная двухфакторная аутентификация React

От автора: как выполняется двухфакторная аутентификация (как SMS, так и TOTP) с использованием React, React Router и Amazon Cognito. В этом посте мы рассмотрим, как внедрить реальную регистрацию и авторизацию пользователя с двухфакторной аутентификацией параллельно с маршрутизацией и потоком аутентификации в веб-приложении React.

Читать далее

Javascript & Ajax \ Javascript

Работа с Context в React

От автора: React Context в настоящее время является экспериментальным API — но скоро он станет полноправным инструментом разработки! Есть много причин, по которым он представляет интерес, но, возможно, основные заключаются в том, что Context позволяет родительским компонентам неявно передавать данные своим потомкам, независимо от вложенности компонентов. Другими словами, данные могут быть добавлены к родительскому компоненту, а затем любой потомок может к ним подключиться.

Читать далее

Javascript & Ajax \ Javascript

Webpack vs Parcel: если вы когда-нибудь настраивали первый, то со вторым все по-другому!

От автора: и как все же научиться работать с Parcel. В этом посте я расскажу об использовании Parcel, с Pug, Sass, Babel and PostCSS. С некоторыми сравнениями с Webpack, как наиболее популярным модулем. Итак, Webpack vs Parcel, начинаем!

Читать далее

Javascript & Ajax \ Javascript

Анимация контейнера с изображением при наведении мыши с использованием перспективы и преобразования

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

Читать далее

Javascript & Ajax \ Javascript

Пожалуйста, перестаньте использовать console.log(), это не работает...

От автора: добавление в код console.log(), вероятно, является одной из наиболее распространенных практик среди разработчиков. Тем не менее, я потратил много времени своей жизни, чтобы убедить начинающих (а иногда и опытных кодировщиков) перестать использовать его для отладки JavaScript, и вот почему.

Читать далее

Javascript & Ajax \ Javascript

Отложенная загрузка изображений для увеличения производительности с помощью Intersection Observer

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

Читать далее

Javascript & Ajax \ Javascript

Как писать JavaScript в 2018

От автора: От инструментов командной строки и Webpack до TypeScript, Flow и далее. Поговорим о том, как использовать JavaScript 2018. В прошлом году многие, в том числе и я, говорили об усталости от JavaScript. Способов написания JS приложения не стало меньше, НО благодаря большому количеству инструментов командной строки, выполняющих тяжелую работу, транспиллинг стал не так важен, а TypeScript старается минимизировать опечатки. Поэтому можно немного расслабиться.

Читать далее

Javascript & Ajax \ Javascript

Как ускорить непрерывную интеграционную сборку при помощи нового NPM CI и package-lock.json

От автора: несмотря на всю его противоречивость, новый релиз npm 5.7.0 представил изумительные функции, которые значительно повлияют на процесс разработки!

Читать далее