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


Изучение хука useContext в React: упрощение управления состоянием между компонентами
Когда-то в мире React разработчики боролись с проблемой управления состоянием нескольких компонентов. Они познакомились с Context API, который позволял обмениваться данными между компонентами без необходимости передавать данные вниз по всем уровням дерева компонентов. Однако управление состоянием контекста с помощью Context API по-прежнему было утомительным и трудоемким процессом. Затем, в 2018 году, в React 16.8 был представлен хук useContext. Этот хук значительно упростил..
Понимание цикла событий JavaScript
Будьте в курсе Недавно я смотрел отличные доклады Филиппа Робертса и Эрин Циммер на JSConf EU о цикле событий JavaScript, которые вдохновили меня прочитать саму спецификацию HTML5 и убедиться, что я действительно ее понимаю. Теперь я думаю, что получил хорошее представление о том, что такое цикл событий, и я хотел бы обобщить его здесь. Стек вызовов Стек вызовов — это структура данных, которая запоминает, где мы находимся в коде. Всякий раз, когда мы входим в новую функцию,..
Шпаргалка по Angular для начинающих
Краткое руководство по основным понятиям в Angular Angular — это фреймворк на основе TypeScript, разработанный Google, который используется для разработки веб-приложений и мобильных приложений. В этой статье мы рассмотрим некоторые основные концепции Angular, такие как Angular CLI, декораторы, хуки жизненного цикла, синтаксис шаблона и маршрутизация. Угловой интерфейс командной строки Angular предоставляет вам встроенный интерфейс командной строки , который позволяет очень легко и..
Повысьте производительность с помощью фрагментов React: простое руководство по синтаксису
Упростите свой код и повысьте производительность с помощью React Fragments. Фрагменты React — это мощная функция React, которую многие разработчики игнорируют или используют, не полностью понимая ее преимущества. Тем не менее, освоение фрагментов React необходимо каждому разработчику React, независимо от уровня его навыков. Почему существуют фрагменты React Фрагменты React были введены для удовлетворения общего требования к компонентам React: необходимости возвращать несколько..
Внедрение зависимостей в React упрощено.
Наши приложения React состоят из нескольких компонентов / модулей. Иногда эти компоненты могут захотеть взаимодействовать друг с другом, чтобы получить полную функциональность. До тех пор, пока наше приложение не станет маленьким и не станет достаточно большим, мы, возможно, не сможем понять важность правильного управления этими зависимостями между компонентами. В этой статье мы обсудим: Когда нам нужно применить шаблон внедрения зависимостей Достижение внедрения зависимостей с..
Как избежать ошибок CORS на локальном хосте (в 2020 г.)
При разработке веб-сайта / веб-приложения на локальном хосте, которое отправляет запросы на другой сервер, вы можете столкнуться с проблемами Cross Origin Resource Sharing (CORS) . Я не буду вдаваться в подробности о том, что такое CORS, в этом посте. Все, что я скажу, это то, что CORS существует из соображений безопасности, но когда вы разрабатываете локально, это может быть проблемой! Подробнее о CORS в документации MDN . Я написал это простое руководство, чтобы объяснить основные..
Введение в Intersection Observer в JavaScript
Введение Intersection Observer — это один из трех типов встроенных в JavaScript наблюдателей, которые можно использовать для обнаружения изменений состояния объекта и реагирования на них. Два других — это Mutation Observer и Resize Observer. . Intersection Observer является наиболее популярным, так как с его помощью можно реализовать множество функций, таких как бесконечная прокрутка , отложенная загрузка изображений и прокрутка с анимацией . это либо повысит..