Публикации по теме react

Публикации по теме 'react'

Циклы JavaScript: подробное руководство

Объекты, массивы и строки - for, forEach, for… of, for… in, while, do… while, every, some, find, findIndex, includes, map, filter, reduce Вы когда-нибудь задумывались, какой цикл использовать при кодировании JavaScript? Иногда вы можете задаться вопросом, есть ли ярлык, который сэкономит ваше время, или ваш цикл вызовет ошибку. Цель этой статьи - собрать всю важную информацию о циклах в одном месте, чтобы вы могли просто пролистать их и найти свой цикл. Итак, без лишних слов, вот..

React — Как работать с Context API

React Context API уже некоторое время существует как экспериментальная функция, но только в версии React 16.3.0 ее стало безопасно использовать в продакшене. В приведенной ниже статье будут показаны два основных приложения для интернет-магазина, одно из которых создано с помощью Context API, а другое — без него. Этот новый API решает одну серьезную проблему — детализация реквизита . Даже если вы не знакомы с этим термином, если вы работали над приложением React.js, это, вероятно,..

React + Constraints API === Лучшая проверка

В этом блоге мы рассмотрим создание компонента React, который использует собственный API проверки ограничений браузера. Вы можете спросить, зачем создавать такой компонент? API ограничений - это собственный способ проверки элементов формы, обеспечивающий чистый интерфейс и синтаксис. Написание проверок - сложное приключение. Всегда лучше иметь при себе хороший меч. Потому что это весело. Что такое API ограничений? API ограничений предоставляется платформой браузера для..

React Hooks: введение в useCallback

React Hooks значительно упрощают работу с функциональными компонентами в React. Большинство разработчиков уже используют такие хуки, как useState и useEffect, которые обрабатывают состояние и побочные эффекты. Однако React предоставляет больше хуков, которые могут помочь нам создавать более качественные и эффективные веб-приложения. Одним из таких полезных хуков является useCallback . инструмент, который помогает оптимизировать производительность. useCallback может оптимизировать..

Пожалуйста, воздержитесь от использования «&&» в условном рендеринге React.

Если вы когда-либо использовали React, вы, вероятно, знаете, что один из наиболее распространенных способов условного рендеринга компонентов — это использование логического оператора И (&&), например: {condition && <Component />} Это работает, потому что, если условие истинно, компонент будет отображаться, а если условие ложно, выражение будет оценивать само условие, и ничего не будет отображаться. Однако у этого подхода есть некоторые недостатки, о которых вы, возможно,..

Переворачивание компонентов в React

Использование React-Flippy для добавления флип-анимации в проекты React В этом посте я расскажу об основах забавного NPM под названием React-Flippy. Этот пакет позволяет добавить анимацию перелистывания к двум компонентам в проекте React. Чтобы ознакомиться с документацией, нажмите здесь ! Установка Чтобы установить React-Filppy в вашей консоли, просто запустите: $ npm install react-flippy - or if you are using yarn - $ yarn add react-flippy Теперь мы можем использовать..

Angular Native

ПРИМЕЧАНИЕ. В этой статье, где я говорю «Angular», я имею в виду «Angular 2». Когда я говорю об Angular 1.x, я прямо говорю «Angular 1». Я только начинаю глубоко погружаться в NativeScript с Angular, и я понял одну вещь, которая действительно беспокоит меня в этом. Нет, это не ограничение одного потока (оно будет решено в самое ближайшее время ). Это имя. Я знаю, что это может показаться глупым, но, несмотря на недавний рост , я просто думаю, что было бы очень полезно для принятия..