Публикации по теме 'frontend'
Front-End разработка — «Беспорядок, в котором мы находимся»
Коротко о состоянии Front-End разработки
В одном из докладов Strange Loop Conference Джо Армстронг говорит о беспорядке, в котором мы находимся . Он упомянул, как возникает сложность из-за увеличения количества состояний, в которых может находиться ваш компьютер.
Повысьте производительность своего веб-сайта с помощью методов загрузки изображений
Наличие веб-сайта, который загружается быстро и эффективно, имеет решающее значение в сегодняшнюю цифровую эпоху. С таким большим количеством контента, доступного в Интернете, пользователи ожидают, что веб-сайты будут загружаться быстро, а сайты с медленной загрузкой могут привести к высоким показателям отказов и упущенным возможностям.
Одним из ключевых факторов, влияющих на время загрузки веб-сайта, является загрузка изображений. Изображения могут быть большими по размеру и..
5-минутное исправление спагетти-кода на стороне клиента
5-минутное исправление спагетти-кода на стороне клиента
В настоящее время мы работаем над игрой WebGL с использованием библиотеки three.js, и за несколько дней у нас было 704 строки кода в одном файле, а игра была завершена всего на 5%.
Ощущение нажатия CMD+F в Sublime и ввода догадок имени функции было уже невыносимым. Что-то должно было измениться. Есть несколько решений:
Содержит все модули внутри IIFY. Используйте модный упаковщик. Загружайте кучу файлов в тегах script и..
Пишите чистые компоненты React с помощью Guard Clauses
Убейте ад отступов в своем коде
Очень вероятно, что вы столкнулись с кодом, который трудно читать из-за вложенных операторов if/else . В этой статье представлена общая техника программирования, которая поможет вам избежать этого и писать более чистый код без адских отступов.
Этот метод называется защитные оговорки и не ограничивается только React, JavaScript или любым другим языком программирования.
⛔ Без защитных оговорок
Лучший способ понять защитные предложения — это..
Повышение навыков внешнего интерфейса
Эта статья очень короткая. Я буду рекомендовать всем веб-сайты, чтобы хорошо изучить Frontend.
Давайте начнем сейчас
Внешний наставник
Теперь Вы можете нажать https://www.frontendmentor.io/
Решайте реальные проблемы с HTML, CSS и JavaScript, работая над профессиональным дизайном. Присоединяйтесь к 668 485 разработчикам, создающим проекты, проверяющим код и помогающим друг другу становиться лучше.
2. Битва CSS
CSSBattle — это онлайн-игра CSS Code Golfing ...
Пакеты, которые упрощают мою жизнь как фронтенд-разработчика
В моей нынешней организации мы используем платформу Next.js для написания кода внешнего интерфейса, Emotion.js для стилизации и Relay в качестве клиента GraphQL. Однако эта статья не посвящена библиотекам и пакетам, которые мы используем для создания нашего продукта; вместо этого он фокусируется на тех инструментах, которые не влияют напрямую на продукт, но значительно облегчают процесс разработки.
Форматирование кода и линтинг
Одна из первых вещей, которые мне нравится настраивать..
Июль 2022 г. Обновления внешнего интерфейса: оптимизация React 18, прокси-объект JavaScript и ECMAScript 2022
В этом месяце команда Whitespectre Frontend Team рассказывает о новейших функциях и хуках React 18 для оптимизации производительности, объекте Proxy в JavaScript и новой спецификации ECMAScript 2022.
командой инженеров Whitespectre
Оптимизация производительности в React 18
Это не первый раз, когда мы говорим о React 18 , о готовых улучшениях производительности, которые он принес, и о том, что стало известно как новые параллельные функции . Но знаете ли вы, как использовать..