Анализ кода это dead-code плагин для babel

который вот реально ели ели работает

ребята, кто подскажет как можно через консоль браузера посмотреть значения store redux

Ибо насколько я помню не имеет функционала для того, чтобы убивать глобалы, которые нигде не вызываются, так как считает что они чем-то обязательно будут использованы, а там явно должна быть опция для такого случая

там кажется как то надо прописать window.store, или нет, забыл

ребята, кто подскажет как можно через консоль браузера посмотреть значения store redux

установи расширение для браузера

который вот реально ели ели работает

В нексте же постраничный код сплиттинг

ребята, кто подскажет как можно через консоль браузера посмотреть значения store redux

https://github.com/evgenyrodionov/redux-logger

установи расширение для браузера

это долго, есть более быстрый способ, который я забыл ))

Он едва работает

аглифай нормально вырезает, не?

В нексте же постраничный код сплиттинг

И?)

аглифай нормально вырезает, не?

на счет него хз, использую babel-minify

у кого работает tree shaking?

Сейчас начал проверять. Аглифай режет только модули которые не импортят другие

@sergeysova, чем закончилось?

Хз, я просто проверял у себя и вроде бы все ок. Проблемы иногда доставляет только export default и такие убогие export-ы в модулях

export default, кстати говоря, может иметь такое поведение как описал Сова

@sergeysova, чем закончилось?

Везде где нужно чтобы вырезал. Нужно ставить /*#__PURE__*/

У Совы их нет

Везде где нужно чтобы вырезал. Нужно ставить /*#__PURE__*/

Есть плагин?

(с) Конфуций

tree shaking самая переоценённая тема современного фронтенда

всем привет. Что лучше использовать для менеджмента состояния формы?

в каком плане переоценённая? Не даёт того профита на который все расчитывают?

Ну кароче, скажу так, с появлением treeshaking реально жить стало лучше, ибо бандлы хотя бы на 10-20% стали меньше

Хз, Андрей против три-шейкинга и за то, чтобы делить по файлам, как я понял Я не вижу ничего плохого, просто суровые реалии таковы, что не всегда можно полагаться на тришейкинг

Он просто работает криво

А кто может помочь с TS + React. Нужно создать интерфейс, чтобы в некий реакт элемент можно было засунуть любой пропс. Фактически вырубить строгую типизацию

А кто может помочь с TS + React. Нужно создать интерфейс, чтобы в некий реакт элемент можно было засунуть любой пропс. Фактически вырубить строгую типизацию

Any?

Или удалить тс

Я бы с радостью, да никак

oneOfType

Хочу сделать в react-motion анимацию типа collapse. Я так понял строковые значания там в стилях не принимаются. Как тогда такое решать?

тут сегодня реакт амстердам https://www.youtube.com/watch?v=TLoF1O6vzgY

тут сегодня реакт амстердам https://www.youtube.com/watch?v=TLoF1O6vzgY

Запись будет?

я даже не знаю что ответить)

oneOfType

задача максимум - заставить это работать <Memoize prop1={1} prop2={2} compute={({prop1}) => prop1} >{ (a) => a*2 }</Memoize> Задача минимум - комилится

Запись будет?

это ютюб)

Всем привет, нужен совет! В инпуте делаю onChange={_.debounce(e => this.onChangeTranslate(e), 1000)} в методе onChangeTranslate = e => { e.persist(); console.log(e.target.value); }; Warning: This synthetic event is reused for performance reasons. If you're seeing this, you're accessing the property target on a released/nullified synthetic event. This is set to null. If you must keep the original synthetic event around, use event.persist(). У кого будут какие идеи?

это ютюб)

Есть компании, которые удаляют.

чот я припинить не могу

ну и ладно

задача максимум - заставить это работать <Memoize prop1={1} prop2={2} compute={({prop1}) => prop1} >{ (a) => a*2 }</Memoize> Задача минимум - комилится

тут не так это делается

тебе нужны генерики

Я хочу чтобы TS сам понял что я ему даю. Не реал?

interface Props<T1, T2, T3> { prop1: T1; prop2: T2; children: (a: T1, b: T2) => T3; } class Memoize<T1, T2, T3> extends Component< Props<T1, T2, T3> > { public render(): ReactNode { const result: T3 = this.props.children( this.props.prop1, this.props.prop2, ); return <div>{result}</div>; } } вот правда хз как передать эти генерики без createElement, тс же не флоу, сам не выведет

тут сегодня реакт амстердам https://www.youtube.com/watch?v=TLoF1O6vzgY

транслируй сюда новости)

interface Props<T1, T2, T3> { prop1: T1; prop2: T2; children: (a: T1, b: T2) => T3; } class Memoize<T1, T2, T3> extends Component< Props<T1, T2, T3> > { public render(): ReactNode { const result: T3 = this.props.children( this.props.prop1, this.props.prop2, ); return <div>{result}</div>; } } вот правда хз как передать эти генерики без createElement, тс же не флоу, сам не выведет

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

interface Props<T1, T2, T3> { prop1: T1; prop2: T2; children: (a: T1, b: T2) => T3; } class Memoize<T1, T2, T3> extends Component< Props<T1, T2, T3> > { public render(): ReactNode { const result: T3 = this.props.children( this.props.prop1, this.props.prop2, ); return <div>{result}</div>; } } вот правда хз как передать эти генерики без createElement, тс же не флоу, сам не выведет

type A = 'a'; type B = 'b'; type C = 'c'; const MemoizedWithABC: React.ComponentType<Props<A, B, C>> = Memoize;

type A = 'a'; type B = 'b'; type C = 'c'; const MemoizedWithABC: React.ComponentType<Props<A, B, C>> = Memoize;

ну да, кстати, так можно

JSX никак не умеет в generic, только так делать

тройные ковычки

#noob желает уточнить если для разработки локально используют "proxy": "http://localhost:3001" для запросов к локальному api . То для продакшена как ? когда клиент и api задеплоили по разным доменам

Всем привет. Подскажите пожалуйста. Пишу на react+express. client.js https://gist.github.com/avasites/f983d22dc9750fd8158c6a062f899134 Собираю webpack, но он дублирует html код, который генерирует express. Что не так делаю? Спасибо

Господа, у кого есть варианты нормальные для парсинга XML в JSON? Я чет перебрал уже штуки 10 библиотек и во всех проблема в том что например <bla> <one>1</one> <two>2</two> <one>2</one> </bla> приводит к JSON в виде { "bla": { "one": [ "1", "2" ], "two": "2" } } то есть теряется порядок детей у родителя.

А как Вы себе представляете реализацию порядка с одинаковыми ключами?

А как Вы себе представляете реализацию порядка с одинаковыми ключами?

не я понимаю что одинк

ак

овые ключи

блэт

можно редактировать сообщения ? так проще читать ?

можно редактировать сообщения ? так проще читать ?

да клавиатура своей жизнью живет почемуто

А как Вы себе представляете реализацию порядка с одинаковыми ключами?

ну например в bla будет массив [0: one, 1: two, 3: one] соответственно one two one объекты

Подскажите как захостить реакт приложение? Нужно сервер пистаь под него?

Подскажите как захостить реакт приложение? Нужно сервер пистаь под него?

Нет. Это js файл, который запускается в браузере.

Я роутер еще юзаю

Господа, у кого есть варианты нормальные для парсинга XML в JSON? Я чет перебрал уже штуки 10 библиотек и во всех проблема в том что например <bla> <one>1</one> <two>2</two> <one>2</one> </bla> приводит к JSON в виде { "bla": { "one": [ "1", "2" ], "two": "2" } } то есть теряется порядок детей у родителя.

пробовал? https://www.npmjs.com/package/xml-js

пробовал? https://www.npmjs.com/package/xml-js

о, кажись то что нужно, спс!

Я роутер еще юзаю

обычный html документ. куда подключается reacr, react-router и т.д. Так что обычный хостинг пойдёт

Достаточно будет htaccess настроить, чтоб по всем урлам этот хтмл отдавал?

А кто может помочь с TS + React. Нужно создать интерфейс, чтобы в некий реакт элемент можно было засунуть любой пропс. Фактически вырубить строгую типизацию

any тебе в помощь

Достаточно будет htaccess настроить, чтоб по всем урлам этот хтмл отдавал?

вроде да)

any тебе в помощь

Хотелось магии

А как мобил версия делается? Отлдельный проект под нее создавать?

Держите наркоманство - https://github.com/theKashey/react-memoize

combot.org/chat/-1001032883247

Хотелось магии

чем меньше магии тем лучше. если ты не можешь определить строгий тип для входящих параметров тот тут уже видимо без магии не обошлось

А как мобил версия делается? Отлдельный проект под нее создавать?

ну это как Вы решите. Либо адаптивная вёрстка бутстрап либо отдельно

мобил версия урезанным функционалом отличается

хотелось бы както настраивать уметь, что включаем туда, а что нет

чем меньше магии тем лучше. если ты не можешь определить строгий тип для входящих параметров тот тут уже видимо без магии не обошлось

Должно же быть решение. “any” обьект можно задать как “[key: string]: any;”, как потом “взять” ключи которые он решил в этот тип добавить по факту - вот вопрос

хотелось бы както настраивать уметь, что включаем туда, а что нет

через props. Например, через js получаете ширину экрана и от этого пляшете.

Ну сова даёт...

а в новом api getDerivedStateFromProps нет доступа к текущим пропсам, получается? тогда как в cWRP был this

Ну сова даёт...

Он, скорее всего, во всех джс-чатиках в топе

а в новом api getDerivedStateFromProps нет доступа к текущим пропсам, получается? тогда как в cWRP был this

это очевидно - откуда у статического метода this инстанса?

а в новом api getDerivedStateFromProps нет доступа к текущим пропсам, получается? тогда как в cWRP был this

Верно. А зачем тебе текущие пропсы?

Ну сова даёт...

блин чё там было