Здесь мнения расходятся, но я лично типизирую примерно так https://www.typescriptlang.org/v2/en/play#code/JYWwDg9gTgLgBAbzgMQMJwL5wGZQiOAcigFMBDAYxkIG4AoUSWROAWTLAGUYyYSAVCAAU8YAM4AaNhwAiwMWF4UAFoJERxUihAB2OklUw48BYuSoBaUgBMArgA9adOgHoXcQIIggPhAPgIRAvgPIggLwggBwggKwgcID8IIACICGA3CBegGwgYaEBDDp8UNiUJHAAShAQMNy8uQh0cDiFAFyIFZVwAEZkULXlDQ1ktWIwUMA6AOb0HRjDmPQYzv2Z2RS5qPiQ+hnq4nWVXXA9fYNjjbU6tiCNJFBjFLUAFACUcAC8AHxwAG4QwNYTdNYGADYtudodD04Jx8CQFuBdCQMrU0AAeCFLaEwVZiB70OgwACeYFyJT4qPucCEwAoAGsEYsoStRJIiGRCOjnNjcXA5AolMpCXdiaSKYjqSjaVJCBRGRiWbkAPIAdx03LgUpAwBglMhyyFGjpZJIWIg2BBPAJtLgAB84Dq9Qb2YoYCpUUy6IDgSAOPiBMJabV2FwjR7UXD3aipLL5cL8oVin6njyeqV7k9Lu04Js43wAHTYQrp5pQdNkCR0DDXDHO+CusA2zlqL3SSvyW0qGtauFVu1c8Ohh1E5MXOA3BP95OVSW1QgAQVQ-AAklKAHKEQuVYuF0bOEj2JjwMtwBYZMj9U5EwH6KiXCvu5uaOAVttNz1a66XUEgcFUjUluhAA

Спасибо большое! Вроде похоже на то что мне нужно)

Всем привет. Ребят, отключаете ли у вы у себя в настройках eslint-а опцию react/prop-types при работе с реактом? При попытке использовать FunctionComponent, линтер ругается с ошибкой: "Missing prop validation typescript functional component". На гитхабе есть открытый (issue)[https://github.com/yannickcr/eslint-plugin-react/issues/2353] и там предлагаются два варианта, либо использовать function declaration, либо в параметрах ф-ии дублировать тип. На stackoverflow говорилось о том, что есть какие-то конфликты eslint-а в проектах на ts. Что интерфейсов и типов ts достаточно, чтобы отказаться от prop-types. Только недавно перешел на ts, поэтому хотелось узнать как вы у себя решили подобную проблему.

interface LocaleProviderProps {
  lang: Locale;
}
export const LocaleProvider: FC<LocaleProviderProps> = ({ lang, children }) => {...}

Join this open investment group and earn up to $15000 where members are mandated to upload proofs of their payout daily for all to see and also free trade signals available on daily basis

PM me for more details.

Возможно, так: play.

interface LocaleProviderProps {
  lang: Locale;
}
export const LocaleProvider: FC<LocaleProviderProps> = ({ lang, children }) => {...}

Проще без React.FC/React.FunctionComponent, вот тут сравнение: https://github.com/facebook/create-react-app/pull/8177

export const LocaleProvider = ({ lang, children }: Props) => { ... }

Только children нужно вручную описать.

interface Props {
  lang: Locale;
  children: React.ReactNode;
}

Дополнительным преимуществом тут является то, что можно сделать ключ children обязательным (например для компонентов, которые без children не имеют смысла). С React.FC children всегда опциональный.

👍

У меня назрел вопрос интересный. Судя по статистике npm:
- Реактом пользуются 8 379 168 человек
- Редаксом пользуются 5 061 379
- Мобиксом пользуются 323 601
- Некстом пользуются 544 366

А чем пользуются остальные 2 449 822 человек?

Stateless? Контекстом?

Есть еще много мелких либ, типа storeon.

там совсем штучные скачивания

А они поняли, что очень маленькая часть стейта нужна во всём проекте. В основном это информация о пользователе, его правах и т.д. В таких объемах проще контекст задействовать.

В этом и идея новых версий реакта дабы убрать остальное и работать черёз context api

Кастомные хуки, useReducer очень помогают

Часто проблема в том что люди рассматривают hooks api как замену lifecycle hooks но на самом деле это нечто большее

Советую прочитать очень длинную статью Абрамова

А кто планирует приезжать в Одессу летом - мы отобрали классный доклад на конференцию odessa Js на эту тему

Всем привет.

Есть простой проект, файлы разложены по папкам, всё связано через import/export.

Мне нужно скомпилировать всё в один файл чтобы можно было результат скопировать, и бросить в консоль браузера.

Вопрос можно ли это сделать без Webpack?

P.S. Флаг --outFile не подходит т.к. он требует замену commonJs на system или amd, что при этом создаёт код не валидный для браузера, или я что-то не понял.

Заранее благодарю.

2 миллиона это не количество людей, а количество установок в месяц, это могут быть hello world'ы чьи-то, туториалы, многократный запуск npm install на CI без кеша пакетов. Ну и у реакта очень большое количество стейт-менеджеров: https://gist.github.com/artalar/e5e8a7274dfdfbe9d36c9e5ec22fc650
Всё это по чуть-чуть в сумме и даёт такое число.