Публикации по теме 'react'
Привет, Майкл :) Спасибо за действительно отличный вопрос!
Привет, Майкл :) Спасибо за действительно отличный вопрос!
На мой взгляд, это зависит от контекста. Некоторые инструменты, такие как StoryBook, могут помочь вам сделать это: смотреть, играть, тестировать и делиться компонентами. Некоторые даже используют их для разработки компонентов, поскольку игровая площадка предоставляет визуальную среду для быстрой разработки.
Такие инструменты, как Bit, объединяют игровую площадку в более полный рабочий процесс, где вы можете увидеть, поиграть и..
Как мы создали полнофункциональное приложение
Социальная сеть, использующая Django и React
Недавно я разработал Restify, приложение для социальных сетей для ресторанов. Restify — это полнофункциональное приложение, использующее Django и React. Целью этого проекта была практика разработки полного стека. В этом посте я опишу, как работает приложение.
Модель данных
Restify — это социальная сеть для ресторанов. Пользователь может создать страницу ресторана, содержащую соответствующую основную информацию, пункты меню,..
Перетащите обратные вызовы с помощью Reanimated в React Native
Смысл React Native в том, чтобы ваша логика находилась внутри JS. Reanimated является чисто декларативным и нативным. Для обратной связи вам необходимо использовать call , который является объявленным методом, который вы предоставляете список анимированных значений и функцию JavaScript.
При работе с обратным вызовом он должен быть привязан к this при передаче, потому что все должно быть настроено при первом рендеринге. Это означает, что у вас есть 2 варианта. Первый - настроить в..
Посмотрите, как создать таймер обратного отсчета с помощью React!
Поэтому, когда я начал изучать, как использовать React, я решил, что изначально собираюсь создать часы Pomodoro, что я и сделал. Вы можете проверить это здесь". При этом я также подумал о создании таймера обратного отсчета, который имеет сходство с часами Pomodoro. Итак, мы собираемся узнать, как создать таймер с помощью React.
Во-первых, давайте разберем таймер на разные составляющие. React использует компонентную архитектуру для описания пользовательского интерфейса приложения...
Как сделать кнопку переключения в реакции
Если вы ищете простой компонент-переключатель, самый простой способ сделать это — использовать react-switch library .
Начните с установки библиотеки с помощью NPM:
npm install react-switch
Импортируйте компонент React, useState и Switch из библиотеки react-switch и создайте свой компонент Switch. Дополнительные варианты стилей смотрите в документации здесь import React, { useState } from "react";
import Switch from "react-switch";
const SwitchExample = ()..
Изучите все основные функции на вкладке «Производительность» Chrome и потренируйтесь в этом с помощью простого реагирования…
Да, вкладка производительности Chrome ошеломляет
Когда вы в первый раз смотрите во все диаграммы, вы не понимаете, что что означает. Что вообще означают эти разные цвета? Это совсем не говорит само за себя. Нужен путеводитель.
В этой статье,
Я вкратце расскажу вам обо всех функциях вкладки «Производительность» Chrome, при этом будет решено большинство обычных любопытных моментов. Используя то, что мы узнали, мы найдем, что делает наши компоненты React такими медленными, и..
Полное руководство по React Native
Введение:
React Native можно использовать для создания мобильных приложений, используя только JavaScript. Он использовал тот же дизайн, чтобы составить богатый мобильный пользовательский интерфейс из декларативных компонентов. Он используется для создания реального мобильного приложения, которое неотличимо от приложения, созданного с использованием Java или Objective-C. Он использует те же основные строительные блоки пользовательского интерфейса, что и обычные приложения для iOS и..
Новые материалы
Усовершенствуйте свои электронные таблицы с помощью ChatGPT
Пересмотрите способ работы с электронными таблицами.
Растущее количество подключаемых модулей высветило мощь ChatGPT или других LLM.
Эти подключаемые модули позволяют интегрировать API..
Понимание наследования классов с помощью POCO
Цель: дальнейшая организация и создание более масштабируемого кода с помощью наследования классов.
В ООП наследование позволяет новым объектам приобретать свойства существующих объектов. Давайте..
Вы действительно должны отлаживать свой код
Конечно, вы можете использовать console.log , чтобы следить за своим JavaScript, но если вы действительно хотите знать, что происходит с вашим кодом, вам понадобится полноценный отладчик. И,..
Является ли искусственный интеллект революционным?
Прежде всего, если я спрошу вас, что такое ИИ в ваших терминах, так что этот вопрос вызывает гораздо больше любопытства со многими понятными подходами по-разному. Поскольку область искусственного..
Как настроить кластер Openshift в вашей локальной установке?
Узнайте, как использовать CodeReadyContainers для установки последней версии Openshift Cluster прямо на вашем компьютере.
В настоящее время мы все знаем, что режим развертывания по умолчанию..
Краткий обзор основ: SPARK
Поскольку за каждым приобретением стоит небольшая потеря, процесс накопления знаний иногда может привести к утечкам. Несмотря на нашу тенденцию воспринимать себя как сверхлюдей, правда в том,..
Рецензии на книги: Цели для проигравших Система 2 для победителей
Эту книгу мне было нелегко воспринимать как аудиокнигу. Прослушивание книг — обычно то, чем я занимаюсь в своей жизни, работая в многопоточном режиме, например, еду на работу, кошу газон, убираю..