Публикации по теме 'react'
Создайте настоящее приложение с помощью React # 13: начальное значение БД и анимация
И мы завершим этот сеанс кодирования заполнением базы данных исходными данными для рас, классов и фонов персонажей. А потом — в качестве прокрастинации — посмотрим, как создавать простейшие анимационные эффекты.
Поддержите мою работу :
Стать меценатом: http://www.patreon.com/remzolotykh Сделать разовый взнос на PayPal: http://www.paypal.me/remzolotykh/5usd Подпишитесь на мою рассылку, чтобы получить БЕСПЛАТНУЮ главу моего курса: https://jsfullstacker.com
Ссылки :
Доска..
Динамическая маршрутизация в React
Привет всем, сегодня я буду обсуждать динамические маршруты в React JS. Я буду использовать библиотеку react-router-dom, поскольку она проста в использовании и гибка и может использоваться как для клиентской, так и для серверной маршрутизации.
Давайте начнем…
Настройка части маршрутизации -
index.js
import { BrowserRouter as Router } from 'react-router-dom'
.
.
<Router>
<App />
</Router>
.
.
В файле index.js импортируйте компонент маршрутизатора и..
7 полезных приемов для разработчиков JavaScript
Коллекция удобных приемов JavaScript для разработчиков.
В JavaScript есть много странных трюков, но нам нужен проверенный метод программирования. В этой статье я собрал 7 приемов JavaScript для разработчиков. Если вы чувствуете себя хорошо, подпишитесь на меня, и я буду постоянно обновлять лучшие статьи.
Улучшить читаемость чисел
Чтобы улучшить читаемость чисел, вы можете использовать символы подчеркивания в качестве разделителей:
Доступ ко всем пользовательским атрибутам..
Давайте создадим игру для Саймона в ReasonReact Pt. 4 Анимации 🎉
Самая интересная часть этой серии 🍺
В этой статье вы узнаете, как создать анимацию, когда игра Simon Game воспроизводит последовательность, которую пользователь должен запомнить и повторить. Когда последовательность воспроизводится игрой, ящик должен издавать звук и также светиться цветом, чтобы визуально показать пользователю, какой ящик активен.
Рефакторинг 👷♀️
В этой статье есть чем заняться, но сначала необходимо провести небольшой рефакторинг. В настоящее время генерируемая..
Учебное пособие: локализуйте приложение React на несколько языков с помощью Tolgee Toolkit
Процесс локализации иногда очень сложен. При создании приложений с большим количеством текстов для перевода это повторяющаяся задача. Добавление ключа перевода в код, добавление его в файлы локализации, исправление опечаток, снова и снова. При предоставлении этих файлов переводчикам контекст исчезает, и они просто не могут правильно перевести содержимое. Но… Что, если есть решение, которое позволит вам, вашим коллегам и переводчикам просто ALT + Click просто ALT + Click перевести..
Развертывание приложений React в Netlify
от Эджиро Танкгод
Развертывание — это процесс переноса нашего кода из системы контроля версий на хостинговую платформу, где он хранится и может быть доступен пользователям в виде приложения. Обычно это осуществляется на локальном сервере или в облаке.
В этой статье мы обсудим Netlify, зачем его использовать и как управлять необходимым развертыванием.
Что такое Netlify и зачем его использовать?
Netlify — это хостинговая платформа, которая автоматически создает, распространяет,..
Получение данных из базы данных / API в React с помощью useEffect и useState
Аналог componentdidmount
Часто мы хотим получить кучу данных, когда компонент монтируется в React. Если вы знакомы с компонентами классов в React, вы знаете, что мы можем использовать componentdidmount . С функциональными компонентами аналог useEffect . И мы можем использовать useState для обработки данных, полученных из базы данных или API.
Пример
Например, я хочу отобразить множество данных о местных ресторанах, которые были только что извлечены из базы данных на домашней..
