Публикации по теме 'front-end-development'


Библиотеки React Form: Redux Form, Formik и React Hook Form
Библиотеки React Form: Redux Form, Formik и React Hook Form. Какая библиотека форм? Формы всегда были темой, которую следует хорошо учитывать в веб-мире, и которая имеет различные трудности. В связи с растущей популярностью реактивной стороны были разработаны различные библиотеки по теме форм, которые стали доступны разработчикам. Темой этой статьи будет обзор плюсов и минусов трех самых популярных библиотек форм на стороне реагирования, а именно Redux Form, Formik и React Hook..

Пусть vs Var | Основы Javascript
Действительно ли нам нужно «Let», если у нас уже есть «Var»? Что такое Вар? Посмотрим, что говорит MDN: Оператор var объявляет переменную на уровне функции или на глобальном уровне, при необходимости инициализируя ее значением. Сфера? Что это? Область действия определяет доступность переменных или других выражений. Чтобы узнать подробности о сфере действия проверьте эту ссылку . Var имеет глобальную или функциональную область видимости Глобальный означает, что..

# CodeTidbits30
В течение всего декабря я ЕЖЕДНЕВНО публиковал лакомые кусочки кода! 30 дней подряд лучших фрагментов кода JavaScript, HTML и CSS. Я разместил эту серию в своих Инстаграм и Твиттер . Не волнуйтесь, если вы его пропустили! Вот краткое изложение всех 30 кусочков кода. Не забудьте прокрутить до конца, где я также включил примечания к коду. Наслаждаться! 🎁..

Как расширить собственный HTML-элемент
Когда стандартного HTML недостаточно Еще со времен XML мы пытались расширить HTML с помощью наших собственных тегов. Стандартная библиотека HTML-тегов довольно ограничена и намеренно состоит из низкоуровневых строительных блоков, предназначенных для объединения разработчиками в более высокоуровневую функциональность. Теперь, когда все современные браузеры поддерживают Веб-компоненты (или, точнее, Пользовательские элементы ), вы можете создавать свои собственные HTML-элементы,..

Еженедельный дайджест внешнего интерфейса № 138 (23–29 декабря 2019 г.)
Веб-разработка • Чему научил меня год обучения и преподавания специальных возможностей • Обзор вдохновляющих веб-сайтов № 11 • Обзор WebAssembly за 2019 год • 11 обязательных трендов в области внешнего интерфейса для 2020 • Почему мы используем веб-компоненты CSS • Пиксели против относительных единиц в CSS: почему это все еще имеет большое значение • Текст текста 3.0 — злоупотребление пользовательскими свойствами CSS для создания синхронизируемых текстов текстов • ⚡️..

Мой путь разработки интерфейса OpenClassrooms — Введение
Мой путь разработки интерфейса OpenClassrooms — введение Я искренне верю в использование всех возможностей, которые появляются на моем пути. И эта серия будет в моем путешествии OpenClassrooms по пути фронтенд-разработчика , одной удивительной возможности, которая появилась у меня в сентябре 2019 года. Где-то в мае/июне 2019 года Facebook Developer Circles представили учебный курс Developer Circle WebDev, проводимый OpenClassrooms, и открыли приложения для Track 1. Track 1 был..

Как выполнить динамический импорт с Next.js
Обычно невозможно импортировать модули по условию. Всякий раз, когда страница загружается, все импортированные модули на этой конкретной странице также загружаются. const allowImport = true; if (allowImport) { import DynamicComponent from "../components/hello"; } export default function Home() { return ( <div> <DynamicComponent /> </div> ) } Приведенный выше фрагмент кода вызовет некоторые ошибки при компиляции. Но с Next.js можно..