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


Преобразование компонентов класса в функции с помощью React Hooks
В прошлом году команда React анонсировала хуки, функцию, упрощающую абстрагирование логики в повторно используемые компоненты. В день анонса Я написал и статью , в которой объясняется, как рефакторинг компонента рендеринга с помощью хука. Начиная с этой недели с выпуском React v16.8 , теперь вы можете добавлять хуки в свои проекты ! Сегодня я хочу взглянуть на типичный компонент класса и продемонстрировать, как вы можете превратить его в функциональный компонент с помощью..

Почему разработчики JavaScript используют Array.map по неправильным причинам.
Вы разработчик Javascript, работающий над внешним интерфейсом или node.js, который использовал array.map для преобразования элементов в существующем массиве? Тогда это для вас. Вы делаете это самым неэффективным способом. Позвольте мне рассказать вам, почему. Javascript не является строго типизированным, и многие внутренние структуры данных являются производными от других структур данных. Array под капотом в JavaScript — это Object . Их ключи — числа, а их значения — элементы...

Храните и извлекайте данные в localStorage в React.
Как сохранить данные формы пользователя в localStorage и получить их При разработке легковесных приложений нам следует избегать использования базы данных, в этом случае мы можем использовать localStorage или сессии. В этом блоге я покажу, как получить пользовательские данные из форму и сохраните ( и извлеките! ) ее в localStorage. Что такое LocalStorage? 👉🏻 LocalStorage — это объект, который позволяет сайтам и приложениям JavaScript сохранять пары «ключ-значение» в..

Как стать Front-End разработчиком
Совершенно уверен, что всякий раз, когда вы просматриваете веб-сайт, первое, что заставляет вас решить, продвигаетесь ли вы дальше с конкретным веб-сайтом или нет, - это его внешний вид. Несомненно, никто не предпочитает веб-сайт или приложение с некачественным пользовательским интерфейсом или дизайном. И человек, который обеспечивает этот лучший внешний вид и пользовательский интерфейс для веб-сайтов, - Front-End Developer !! Front-End разработка действительно является предметом..

Пятничный интерфейс: начало выпуска сводок
Мы определенно находимся в декабре - это видно, потому что все начинают выступать со своими сводками на конец года. У нас есть несколько из них в информационном бюллетене на этой неделе, а также несколько действительно интересных обзоров новых функций Angular и React, сводка отзывов на важные новости Edge и многое другое. Наслаждаться! С уважением, KBall от ZenDev CSS и SCSS Программирование CSS Посмотрите, как вы можете думать о CSS в аналогах более традиционных языков..

10 вещей, которые вы, вероятно, не знали об отладке Chrome
Потому что никто не говорил вам, что это возможно — до сих пор Неважно, какой вы разработчик программного обеспечения. В конечном итоге вы будете использовать Chrome для работы. От просмотра видео с котиками на YouTube до тестирования наших микро-приложений SaaS (или над чем вы работаете) — Chrome является основной функцией в нашей жизни. Однако многие из нас не идут дальше, чем просто right click + inspect , а затем засоряют наш код console.log() выводами в изобилии. Вот..

Влияние устаревших замыканий на компоненты React
В TypeScript и Javascript замыкания — это мощная концепция, используемая для управления данными и областью действия внутри функций. Однако иногда замыкания могут вызывать неожиданные проблемы при работе с асинхронными операциями и компонентами React. Одна из таких проблем известна как «устаревшие замыкания», и она может существенно повлиять на поведение компонентов React. В этой статье мы рассмотрим, что такое устаревшие замыкания, почему они возникают и как они могут повлиять на..