Телеграмм чат группы react

Size: a a a

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

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

2020 October 11

АМ

Артур Мудрик... in React — русскоговорящее сообщество

так, ребята, смотрите:

источник

14:09пожаловаться #1

АМ

Артур Мудрик... in React — русскоговорящее сообщество

// всё в большой буквы
modules/Ui/Icon
  /Icon.tsx
  /Icon.scss

// импортируем так
import { Icon } from 'modules/Ui/Icon/Icon';

или

2)

// всё с маленькой буквы
modules/Ui/icon
  /icon.tsx
  /icon.scss

// импортируем так
import { Icon } from 'modules/Ui/icon/icon';

или

3)

// как в Ангуляре
modules/Ui/icon
  /icon.component.tsx
  /icon.styles.scss

// импортируем так
import { Icon } from 'modules/Ui/icon/icon.component';

или

4)

// вообще как index
modules/Ui/icon
  /index.tsx
  /style.scss

// импортируем так
import { Icon } from 'modules/Ui/icon';

источник

14:09пожаловаться #2

АМ

Артур Мудрик... in React — русскоговорящее сообщество

вот

источник

14:09пожаловаться #3

АМ

Артур Мудрик... in React — русскоговорящее сообщество

что думаете?

источник

14:09пожаловаться #4

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

Артур Мудрик

что думаете?

думаю что надо пойти покушать

источник

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

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

Артур Мудрик

// всё в большой буквы
modules/Ui/Icon
  /Icon.tsx
  /Icon.scss

// импортируем так
import { Icon } from 'modules/Ui/Icon/Icon';

или

2)

// всё с маленькой буквы
modules/Ui/icon
  /icon.tsx
  /icon.scss

// импортируем так
import { Icon } from 'modules/Ui/icon/icon';

или

3)

// как в Ангуляре
modules/Ui/icon
  /icon.component.tsx
  /icon.styles.scss

// импортируем так
import { Icon } from 'modules/Ui/icon/icon.component';

или

4)

// вообще как index
modules/Ui/icon
  /index.tsx
  /style.scss

// импортируем так
import { Icon } from 'modules/Ui/icon';

modules/Ui/Icon/index.tsx

import { Icon } from 'modules/Ui/Icon';

источник

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

АМ

Артур Мудрик... in React — русскоговорящее сообщество

так, ок

источник

14:16пожаловаться #7

АМ

Артур Мудрик... in React — русскоговорящее сообщество

так, а теперь идём дальше — а если нужно вынести отдельно типы, плюс у нас локализация и нужно в компоненте файлы локализации?

источник

14:19пожаловаться #8

АМ

Артур Мудрик... in React — русскоговорящее сообщество

то, получается, вот так:

источник

14:19пожаловаться #9

АМ

Артур Мудрик... in React — русскоговорящее сообщество

// вообще как index
modules/Ui/Icon
  /index.tsx
  /style.scss
  /types.ts
  /en.yml
  /ru.yml

// импортируем так
import { Icon } from 'modules/Ui/Icon';

источник

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

АМ

Артур Мудрик... in React — русскоговорящее сообщество

хм, ну, да, неплохо

источник

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

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

Артур Мудрик

// вообще как index
modules/Ui/Icon
  /index.tsx
  /style.scss
  /types.ts
  /en.yml
  /ru.yml

// импортируем так
import { Icon } from 'modules/Ui/Icon';

Можно вот так:

modules/Ui/Icon
  /Icon.tsx
  /index.ts
  ...

в индексном файле экспортировать наружу всё что нужно

источник

14:23пожаловаться #12

АМ

Артур Мудрик... in React — русскоговорящее сообщество

а, да, тоже круто!

источник

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

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

🙄

источник

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

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

У меня есть 3 чекбокса, и в стейт есть 3 объекта под каждый из них. я хочу реализовать следующее. Если элемент выделен (event.target.checked === true), то по нажатию на кнопку, выделенные элементы удаляются со страницы. Как мне синхронизировать чекбокс по которому тыкаю с его состоянием ???

источник

14:38пожаловаться #15

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

Ferrari

«подыми» состояние выше, у тебя есть логика удаления чего то, для ее работы нужен: статус чекбокса, ивент нажатия кнопки и еще список выбранных элементов. Верно?

источник

14:40пожаловаться #16

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

Ща покажу структуру Стейта

источник

14:41пожаловаться #17

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

источник

14:42пожаловаться #18

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

Я просто прохожусь по массиву и если это поле в тру удаляю его из стейта и рендерю заново

источник

14:43пожаловаться #19

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

Но получается криво сам метод изменения стейта чекбокса криво работает

источник

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