Телеграмм чат группы react_js страница 47244

parrot.ru

Рейтинг популярных групп и каналов

В рейтинге участвует:

групп:

каналов:

Виртуальный сервер на SSD - недорого!

Аренда выделенных и виртуальных серверов (VDS/VPS), хостинг, аренда IP-адресов, администрирование, круглосуточная поддержка

qwarta.ru подробнее

Резервное копирование с проверкой на вирусы!!!

Удобный сервис создания резервных копий на любой сервер сети интернет. Отслеживайте изменения, проверяйте на вирусы. Надежно защитите свой бизнес!

go.backupland.com

Выбираете сервер? Любая конфигурация на заказ!

Аренда физических серверов любых конфигураций под любые запросы - 1С бухгалтерия, игровые сервера, нагруженные проекты, интернет-магазины!

qwarta.ru подробнее

Size: a a a

React — русскоговорящее сообщество

11823 membersпожаловаться на группу

2020 November 04

NK

N K in React — русскоговорящее сообщество

Oleksandr Lukhanin

Также не совсем понятен пример из доки с prev:
<button onClick={() => setCount(prevCount => prevCount + 1)}>+</button>

<button onClick={() => setCount(count + 1)}>+</button>

разве setCount не одно и тоже делалет?

https://www.youtube.com/watch?v=9KJxaFHotqI&t=4438s
смотри с 7й минуты...узнаешь про разницу между тем, что если в setState передать значение, или если передать функцию

React Hooks - Полный Курс (Про Все Хуки!)

Мой Курс Продвинутый JavaScript: https://clc.to/senior

Мои Udemy Курсы:
Angular 9: https://clc.to/angular
React Native: https://clc.to/rnative
ReactJS: https://clc.to/react
NodeJS: https://clc.to/nodejs
Angular Fullstack (MEAN): https://clc.to/fullstack

Подписывайся на соц сети:
Telegram: https://t.me/js_by_vladilen
Instagram: https://www.instagram.com/vladilen.minin
VK: https://vk.com/vladilen.minin
Группа VK: https://vk.com/js_by_vladilen
Мой сайт: https://www.vladilen.dev/

Полный курс по React Hooks. Внутри расскажи про: useState, useEffect, useRef, useMemo, useCallback, useContext, useReducer. В конце покажу, как можно создавать свои собственные хуки

Исходники:
https://t.me/js_by_vladilen/224

Таймкоды:
00:00 Введение
01:11 useState
23:20 useEffect
37:28 useRef
48:07 useMemo
59:39 useCallback
1:09:44 useContext
1:26:55 useReducer
1:34:18 Создаем свои хуки

#react #hooks

источник

13:00пожаловаться #1

NK

N K in React — русскоговорящее сообщество

Oleksandr Lukhanin

Также не совсем понятен пример из доки с prev:
<button onClick={() => setCount(prevCount => prevCount + 1)}>+</button>

<button onClick={() => setCount(count + 1)}>+</button>

разве setCount не одно и тоже делалет?

а лучше с 12 минуты смотри

источник

13:02пожаловаться #2

ES

Eugene Stepanyuk in React — русскоговорящее сообщество

Ну ты собираешься для каждой модалки в стейте делать поле?) я уже молчу о передаче пропов

а что сложного в передаче пропов? 2 строчки кода
и изначально так и было, проблему это не решает

источник

13:02пожаловаться #3

GO

Green Orange in React — русскоговорящее сообщество

обычный CRA

function FancyBorder(props) {
  return (
    <div className="fancy-border">
      {props.children}
    </div>
  );
}

как в другом месте добавить еще класс?

<FancyBorder className="background-red" />

или так не делается?

источник

13:02пожаловаться #4

МК

Миша Ковальчук... in React — русскоговорящее сообщество

всем привет

источник

13:05пожаловаться #5

OL

Oleksandr Lukhanin in React — русскоговорящее сообщество

а лучше с 12 минуты смотри

Да как бы не сложно все глянуть, русский явно понятнее инглиша. Хотя почему-то думал что Владилен в такие тонкости не вдается. Благодарочка

И Деду благодарочка, статья висит к маст рид, но она точно не для новичков. Я комплит гайд ту юзэффект еле впихнул в себя, и то, через какое-то время после знакомства с реактом, и то, не все понял, единственное что запомнил - порядок вызова, рендер и пр )))

источник

13:06пожаловаться #6

МК

Миша Ковальчук... in React — русскоговорящее сообщество

почему возникает ошибка? Я использую React.forwardRef...

источник

13:06пожаловаться #7

|

|Atlas| in React — русскоговорящее сообщество

Привет. Как избавиться от /#/ в адресе сайта при использовании HashRouter?

источник

13:10пожаловаться #8

S

Stanislav in React — русскоговорящее сообщество

Привет. Как избавиться от /#/ в адресе сайта при использовании HashRouter?

https://github.com/ReactTraining/react-router/blob/master/packages/react-router-dom/docs/api/HashRouter.md

оно так и должно работать

ReactTraining/react-router

Declarative routing for React. Contribute to ReactTraining/react-router development by creating an account on GitHub.

источник

13:12пожаловаться #9

|

|Atlas| in React — русскоговорящее сообщество

Спасибо

источник

13:13пожаловаться #10

A

Aleksei in React — русскоговорящее сообщество

image_2020-11-04_13-14-44.png

Подскажите, что за расширение для vscode которое подсказки добавляет?

источник

13:14пожаловаться #11

П

Персик in React — русскоговорящее сообщество

Привет
Извините, если в неправильный чат
Можно включить правило eslint только в одном файле или папке?
А для остальных файлов правило не работало

источник

13:19пожаловаться #12

GO

Green Orange in React — русскоговорящее сообщество

Green Orange

обычный CRA

function FancyBorder(props) {
  return (
    <div className="fancy-border">
      {props.children}
    </div>
  );
}

как в другом месте добавить еще класс?

<FancyBorder className="background-red" />

или так не делается?

норм так делать?

function FancyBorder(props) {
  return (
    <div className={clsx('fancy-border', `props.className`)}>
      {props.children}
    </div>
  );
}

источник

13:20пожаловаться #13

V

Vlad in React — русскоговорящее сообщество

Eugene Stepanyuk

а что сложного в передаче пропов? 2 строчки кода
и изначально так и было, проблему это не решает

Как ты передашь пропы через все приложение?

источник

13:20пожаловаться #14

GO

Google OS in React — русскоговорящее сообщество

Всем привет можете помочь исправить ошибку в React -

const { history } = this.props;
history.push("/")

После

Авторизации преисходит
но почемуто в url меняется но старый Dashbord стоит когда нажымаю F5 тогда обновляется

источник

13:20пожаловаться #15

A

Alexander in React — русскоговорящее сообщество

Green Orange

норм так делать?

function FancyBorder(props) {
  return (
    <div className={clsx('fancy-border', `props.className`)}>
      {props.children}
    </div>
  );
}

Вполне

источник

13:21пожаловаться #16

S

Stanislav in React — русскоговорящее сообщество

image_2020-11-04_13-14-44.png

Подскажите, что за расширение для vscode которое подсказки добавляет?

это вебшторм

источник

13:21пожаловаться #17

GO

Google OS in React — русскоговорящее сообщество

history.push (…) не работает

источник

13:21пожаловаться #18

A

Aleksei in React — русскоговорящее сообщество

это вебшторм

Для vscode нет похожего?

источник

13:21пожаловаться #19

АБ

Александр Бакиматов... in React — русскоговорящее сообщество

Для vscode нет похожего?

@ide_ru тут это оффтоп

источник

13:22пожаловаться #20