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


Bootcamp Reflections: Module 5 — React/Redux & Rails API Final Project
Новое начало не за горами, финальный модуль буткемпа SE подошел к концу. От изучения того, что такое IDE и как загрузить свою собственную локальную среду, чтобы я мог выполнять лабораторные работы, до изучения Ruby, SQL, Sinatra, Rails, JavaScript, React, Redux и создания таких вещей, как CLI, API, статические приложения для аутентификации пользователей и динамические приложения... какое путешествие! Приятно на мгновение оглянуться назад, подумать и удивиться тому, что только что было..
Прогрессивная загрузка изображений в React
Руководство по реализации прогрессивной загрузки изображений в React. Изображения являются важной частью любого веб-сайта, они могут улучшить или испортить взаимодействие с пользователем в зависимости от того, как они реализованы. Загрузка высококачественных изображений может занять много времени, что отрицательно скажется на пользовательском опыте. Чтобы решить эту проблему, нам нужен какой-то механизм загрузки, который, в отличие от спиннеров, будет эстетически приятен..
React — JS 1O1 — Часть 6 — Подкомпоненты
В последней части мы изучили основы событий JavaScript и функций обратного вызова. В первой части мы изучили основы React, основы функции и что такое компонент. В этой части давайте узнаем, что такое подкомпоненты и как мы можем использовать их для написания более чистого кода. Сценарий Рассмотрим сценарий, в котором владелец магазина хочет иметь другой счетчик для подсчета различных фруктов, которые покупатель кладет в корзину! На данный момент они продают только два фрукта —..
Как добавить кнопку темного режима с помощью ReactJS
Настройте свой веб-сайт Одной из моих любимых функций для реализации, несомненно, является кнопка темного режима. Как человек, который проводит часы за работой, я знаю, что всегда ценю, когда есть хотя бы возможность выключить свет. За последние пару проектов в моей школе я пробовал несколько разных вариантов того, как будет выглядеть кнопка темного режима. Сегодня я пройдусь по паре из них. Самое замечательное в этом то, что функция темного режима по сути является..
React Native: легкое создание кроссплатформенных мобильных приложений
План статьи Введение в React Native Преимущества использования React Native 2.1. Кроссплатформенная разработка 2.2. Повторное использование кода 2.3. Собственная производительность Начало работы с React Native 3.1. Настройка среды разработки 3.2. Создание нового проекта React Native 3.3. Изучение основных компонентов Создание пользовательских интерфейсов с помощью React Native 4.1. Понимание нативных компонентов React 4.2. Стилизация в React Native 4.3. Обработка..
Понимание метода Array.sort() в JavaScript
Что такое метод сортировки массива? Метод сортирует элементы массива на месте, например (1,2,3,4,5). Этот метод работает как с числами, так и со строками. Давайте посмотрим на его синтаксис. Довольно просто, верно? Числа были отсортированы по цифрам и алфавиту. Как насчет этого? Что здесь случилось? Они не в порядке. Отсортированные числа сначала превращаются в строки, и он сравнивает только первый индекс числа. Как это исправить? Метод sort на самом деле может..
Как создать компонент React и опубликовать его в NPM
Перед тем, как начать эту историю, я подумывал провести какой-то катарсис , но давайте перейдем к решениям. Катарсис больше не нужен, потому что альтернатива Redux без сложности уже создана: D Птцсс! Не забудьте прочитать новую статью React Conditional Rendering (чтение 1 мин) Обновление на 2018 год: для всех, кто сталкивался с ошибками, которые Webpack жаловался на синтаксис jsx с Unexpected token , тогда, пожалуйста, проверьте этот комментарий Криса Если вы хотите..