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

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

5 способов реализовать условный рендеринг в React

Плюсы и минусы различных реализаций условного рендеринга в React. Поскольку вес современных веб-приложений смещается с серверной части на интерфейсную, мы вынуждены тратить больше времени на размышления об оптимизации производительности. Это также верно при реализации условного рендеринга. Итак, попробуйте потратить нужное количество времени на оптимизацию вашего кода, всегда стараясь максимально повторно использовать компоненты. Это поможет вам найти правильный баланс между..

Что JavaScript добавляет в веб-проект?

Когда мы приступаем к части этого курса, посвященной JavaScript, я думаю, что стоит задуматься о том, что именно дает нам эта технология, чего не хватает в базовой версии Rails. Мы уже можем создавать довольно интересные сайты с помощью Rails… у нас есть постоянные данные, маршрутизация, динамические страницы, ссылки и кнопки, CSS… что еще нам нужно? Фронтенд — интересная проблема — он менее прямолинеен, чем бэкенд, и требует другого мыслительного процесса. В то время как в бэкенде мы..

Что такое веб-компоненты

В последнее время было много шума относительно веб-компонентов. Но что это, мы попробуем разобраться. Согласно MDN Веб-компоненты - это набор технологий, которые помогают нам создавать настраиваемые повторно используемые компоненты. Эти компоненты можно легко инкапсулировать, и они не будут конфликтовать с остальной частью вашего приложения. Лучше всего то, что они не зависят от какой-либо структуры и встроены в браузер. Начнем с базового примера веб-компонента. Здесь у нас..

Возможности JavaScript ES2020 с простыми примерами

Последнее в JavaScript Сегодня мы рассмотрим возможности ECMAScript 2015 года: ES2015 a.k.a. ES6 ES2016 a.k.a. ES7 ES2017 a.k.a. ES8 ES2018 a.k.a. ES9 ES2019 a.k.a. ES10 ES2020 a.k.a. ES11 Вступление ES2020 - это версия ECMAScript, соответствующая 2020 году. Эта версия не включает столько новых функций, сколько появилось в ES6 (2015). Однако были добавлены некоторые полезные функции. В этой статье на простых примерах кода представлены функции, предоставляемые..

Введение в веб-компоненты - Часть II Shadow Dom

Первая часть обзора веб-компонентов посвящена стандарту Custom Elements. Теневой DOM Спецификации Shadow DOM привносят концепцию области в определения веб-стилей. Эти области реализуются через несколько DOM деревьев, встроенных в один документ. В некотором смысле подход Shadow DOM можно сравнить с элементом iframe внутри документа, поскольку он имеет естественно изолированную структуру DOM . Что касается документов, определения Shadow DOM распределены между несколькими..

Создание приложения статуса TwitchTV

На прошлой неделе я занялся последним промежуточным фронтенд-проектом, который включал создание TwitchTv-приложения с использованием Twitch API для отображения статуса набора Twitch Streamers. Это были пользовательские истории для этого проекта: Пользователи могут видеть, транслируется ли Free Code Camp в настоящее время на Twitch.tv. Пользователи могут щелкнуть вывод статуса и быть отправлены прямо на канал Twitch.tv Free Code Camp. Если стример Twitch в настоящее время ведет..

Библиотека компонентов React для чайников

Ищете идеальный шаблон для создания потрясающей библиотеки компонентов реакции? Угадай, что? нет ни одного. Я усвоил это на собственном горьком опыте, отбросив все шаблоны библиотеки, существующие в дебрях JavaScript. Настройка библиотеки с нуля может показаться сложной задачей, но преимущества понимания процесса легко перевешивают прилагаемые усилия. Кроме того, вы, вероятно, не захотите оправдывать свои решения перед начальником, говоря: «Я просто следил за статьей и шаблоном..