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


10 расширений VSCode для повышения вашей продуктивности
Со временем мы постоянно автоматизируем наши рутинные задачи, и роль расширений в VSCode становится как никогда важной. Но наши возможности не ограничиваются только этим. Вы ищете новые темы? Улучшенные моменты? Предложения по коду? Для этого есть расширение VSCode. В этой статье я пройдусь по списку расширений, которые я всегда устанавливал и которые помогают мне…
Как делиться компонентами между приложениями React и сайтами Gatsby
Как опубликовать компоненты из приложения React и установить их на статический сайт Gatsby. ОБНОВЛЕНИЕ: Bit выпустила новую версию, радикально меняющую процесс разработки независимых компонентов, подробнее о ней здесь . Довольно часто можно увидеть одностраничные приложения (SPA), дополненные статической документацией / блогами / маркетинговыми сайтами. Работа по обслуживанию редко меняющегося контента идеально подходит для статических сайтов, поскольку они более удобны для..
Как использовать цикл в React.js?
Эта статья изначально была опубликована по адресу https://www.blog.duomly.com/6-most-popular-front-end-interview-questions-and-answers-for-beginners-part-2/#how-to- использовать-цикл-в-реакции-js Как и в случае с операторами if / else, когда мы хотим выполнять циклы в логике JavaScript или TypeScript, нам не нужно беспокоиться о каких-либо специальных правилах. Как всегда, это просто цикл JS, и мы можем использовать все типы циклов (конечно, не все из них подходят для всех..
ES6: шаблонные литералы
Кто они такие? Литералы шаблонов — это просто еще один способ создания строки в Javascript. Вместо одинарных или двойных кавычек разработчики могут использовать знаки ударения или обратные кавычки (``). Что в них такого замечательного? Литералы шаблонов улучшают читабельность и структуру строк. Использование кавычек означало, что вам нужно было остановить свою строку, объединить ее в строку, чтобы добавить переменную, после чего вам пришлось перезапустить свою строку. Не..
Понимание угловой архитектуры
Angular — это фреймворк javascript, который используется для создания одностраничного веб-приложения. Это означает, что одно приложение имеет одну страницу для отображения всей информации в intex.html. Угловая архитектура Строительные блоки Angular Architecture: Модуль Компонент Шаблон Метаданные Привязка данных Услуги Директивы Внедрение зависимости Модуль Модули или NgModules в архитектуре angular — это механизм для создания компонентов, директив, сервисов и пайпов...
Когда использовать useMemo и useCallback в React?
Когда вы изучаете хуки React, довольно непросто понять useMemo и useCallback хук. useMemo — это хук, который позволяет запоминать значения. Это может быть полезно для оптимизации производительности ваших компонентов React. Его можно использовать, чтобы избежать повторного вычисления дорогостоящих вычислений или кэшировать результаты дорогостоящих вызовов функций. Этот хук кэширует пары ввода-вывода, чтобы их можно было использовать повторно без повторного вычисления функции...
React: оптимизация рендеринга для сворачиваемого списка UI материала с помощью хуков и заметок.
ReactJS + Material UI - отличные инструменты для быстрой разработки веб-приложений, но очень часто неконтролируемое использование приводит к множеству проблем, таких как потеря рендеринга, низкая производительность, ошибочный интерфейс и т. Д. Итак, поговорим об оптимизации на конкретном примере. В моем последнем проекте я столкнулся с простой задачей - создать список сворачиваемых элементов с флажками. Все отмеченные элементы должны храниться в родительском компоненте контейнера для..