Публикации по теме 'react'
Советы по React - Чистый синтаксис
React - это наиболее используемая интерфейсная библиотека для создания современных интерактивных интерфейсных веб-приложений. Его также можно использовать для создания мобильных приложений.
В этой статье мы рассмотрим, как правильно писать компоненты React.
Переключение компонентов
Мы можем переключать компоненты, используя троичные выражения. Например, для этого мы можем написать следующий код:
import React from "react";
const Foo = () => <p>foo</p>;..
Добавить внешний скрипт в React
2 способа использования внешнего скрипта в вашем проекте React.
Часто мы хотим использовать какой-нибудь внешний скрипт с нашим приложением React. которые нельзя установить с помощью npm или yarn , либо у нас есть сценарий, доступный локально или через CDN. Вот как вы можете легко использовать его в своем приложении React.
Предположим, у вас есть your-script.js внешний скрипт.
И вы хотите использовать его в своем приложении React. Прежде всего, поместите его в следующее..
Практический пример Фарм
Напрямую подключитесь к поставщику свежих продуктов на вашей ферме. Делаем «от фермы до стола» более достижимой и менее затратной по времени!
Миссия
Общение и выставление счетов отнимают много времени как у фермера, так и у шеф-повара. Farmr делает «от фермы до стола» более достижимой. Меня вдохновило создание Farmr, чтобы облегчить повседневную жизнь моей сестры и ее мужа (которые занимаются органическим земледелием). Моя первоначальная идея состояла в том, чтобы создать..
Как с легкостью протестировать пакет Local React NPM
Учебник, когда вам нужно установить локальный пакет npm без использования символической ссылки
В моем предыдущем посте я изо всех сил пытался объяснить интригующую тонкость разработки локального пакета npm.
Как вы, возможно, знаете, в настоящее время я разрабатываю redux-chess , шахматную доску на основе Redux, в первую очередь предназначенную для подключения к серверу WebSocket для проверки шахматных ходов, оценки позиции и многих других интересных функций.
Рекомендуется..
Освоение концепций JavaScript, которые вам нужно знать, чтобы изучить React
Введение:
Вы заинтересованы в изучении React, популярной библиотеки JavaScript для создания пользовательских интерфейсов? Большой! Прежде чем приступить к работе с React, важно хорошо изучить JavaScript. В этой статье мы рассмотрим ключевые концепции JavaScript, которые вы должны освоить, чтобы эффективно изучить React. К концу у вас будет хорошее понимание того, что вам нужно знать, и сколько времени может потребоваться, чтобы освоить каждую концепцию. Давайте начнем!
Раздел 1:..
Основы TypeScript
TypeScript — это язык программирования, являющийся надмножеством JavaScript, что означает, что весь код JavaScript также является допустимым кодом TypeScript. Однако TypeScript добавляет в JavaScript дополнительные функции, такие как статическая типизация и классы, которые могут помочь сделать ваш код более предсказуемым и простым в отладке.
Одной из ключевых особенностей TypeScript является поддержка статической типизации. Это означает, что вы можете указать тип переменной при ее..
ECMA2015/ES6 с React, Redux(1)
ES6 с React, Redux
Присвоение деструктуризации
1. Деструктуризация реквизитов (1) — ES6
При деструктурировании свойств с помощью компонента реакции
Пример 1
До :
const foo = (props) => {
...
return <div>{props.foo}</div>
}
После :
const Foo = ({foo}) => {
...
return <div>{foo}</div>
}
Пример 2
До :
const profileUpdate = (profileData) => {
const { name, age, nationality, location } = profileData;
// do something with..
