Looch
тупо в стейте/конфиге харню разные типа хэндлеров
Looch
вообще это решило б все проблемы https://github.com/ReactTraining/react-router/blob/master/packages/react-router/docs/api/Prompt.md
Looch
но увы оно без десигна
Oleg
Ребят, кто пробовал SvelteJS? На первый взгляд крутая штука
Vitaly
Как исправить косяк? Я знаю, что некорректно работает
ну распарсь джейсонину когда кладешь ее в стор
Vladyslav 🍉
ну распарсь джейсонину когда кладешь ее в стор
А от этого порядок ключей не изменится, вроде может нарушиться
Th0r
Ребят, кто пробовал SvelteJS? На первый взгляд крутая штука
в чате по свелте уже 800 человек почти
Th0r
https://t.me/sveltejs
Dmitrij
Спасибо
Seva
в ReactDom.render() попадает результат работы React.createElement() ?
Дима
да
Дима
тиме реакта было неудобно, сорян
Дима
придётся немного потерпеть
Frontend Priest
а для чего Babel делает React.creatrElement? почему сразу не объект
И тут вдруг выясняется, что жсх работает не только с реактом
Alexandr
Дайте ссылку на VUE чат пжлст
Dmitriy
@vuejs_ru
Tutu
Народ. Есть в ли react именнованные слоты как во vue ?
Александр
Не нужны они в реакте, передавайте через props компонент, элемент, render функцию - как захотите
Александр
а для чего Babel делает React.creatrElement? почему сразу не объект
JSX - лишь сахар, он транслируется в вызов фабрики элементов: factory(component, props, children). В случае реакта этой фабрикой выступает React.createElement.
Александр
О каком объекте речь не понятно
Александр
Ясно, можно предположить для того чтобы инкапсулировать логику трасляции jsx от деталей реализации
Александр
Так она за фабрикой спрятана, и в случае изменения чего-то там, не надо переписывать плагин для преобразования
Seva
спасибо
Vitalii
Всем привет.
Решил сравнить либы state management в react:
1. Redux Standart
2. Redux Handler
3. Redux Observable
4. Redux Saga
5. Effector
6. MobX
+ TS
+ Tests
https://github.com/alreadyExisted/react-state
Может кому-то это поможет или наоборот)
Frontend Priest
Vitalii
Подход, размер бойлерплейта
Vadim
Roman
Vitalii
Ну ок) Я оподливился)
Дима
Vitalii
а как посмотреть то?) или только исходники?)
Пока исходники, сегодня-завтра перенесу на песочницы.
Vitaliy
Всем привет, ребят подскажите пожалуйста как в styledComponent реализуются медиазапросы?
Dean
Всем привет, ребят подскажите пожалуйста как в styledComponent реализуются медиазапросы?
https://www.styled-components.com/docs/advanced#media-templates
Dean
в доке все написано
Дима
Всем привет.
Решил сравнить либы state management в react:
1. Redux Standart
2. Redux Handler
3. Redux Observable
4. Redux Saga
5. Effector
6. MobX
+ TS
+ Tests
https://github.com/alreadyExisted/react-state
Может кому-то это поможет или наоборот)
import {createStore, createEffect, createApi} from 'effector'
export const incAsync = createEffect('async increment', {
handler: () => sleep(1000),
})
export const counter = createStore(0)
.on(incAsync.done, x => x + 1)
export const {inc, dec} = createApi(counter, {
inc: x => x + 1,
dec: x => x - 1,
})
Vitalii
import {createStore, createEffect, createApi} from 'effector'
export const incAsync = createEffect('async increment', {
handler: () => sleep(1000),
})
export const counter = createStore(0)
.on(incAsync.done, x => x + 1)
export const {inc, dec} = createApi(counter, {
inc: x => x + 1,
dec: x => x - 1,
})
Не ругайся начальника, и твой effector потрогал)
Дима
я видел, я к этому и написал)
Дима
типа так проще объявляется
Vitaliy
https://www.styled-components.com/docs/advanced#media-templates
спасибо невнимательно смотрел
Dmitry
Пожалуйста. Так какой объект
Александр
https://github.com/facebook/react/blob/master/packages/react/src/ReactElement.js#L112
Александр
Такой
Андрей
Привет, вопрос такой, какое количество раз есть нормальным для рендера компонента?
Например первый раз отрисовался - +1
Потом пришли просы, перерисовался +1
В итоге два раза.
Есть статья у кого-то об этом или кто может немного обьяснить?
Александр
Андрей
когда приходят пропсы, компонента ререндерится, верно?
так вот, у меня есть места, где через React devtools показывает что компонента ререндерится по несколько раз (не два раза, а 3-4)
Вот хочу понять, как правильно
Александр
Александр
https://github.com/maicki/why-did-you-update
Александр
Выявите причину ререндеров, потом уже будете решать
Андрей
Посмотрите в сторону whydidupdate
спасибо
а вобще нормально практиктой как есть?
Первый рендер это когда компонента строится. а как дальше?
Александр
спасибо
а вобще нормально практиктой как есть?
Первый рендер это когда компонента строится. а как дальше?
А дальше как пойдёт, зависит от случая. вообще же перерисовка в ответ на изменение данных это нормально, ненормально - лишние перерисовки
Андрей
А дальше как пойдёт, зависит от случая. вообще же перерисовка в ответ на изменение данных это нормально, ненормально - лишние перерисовки
да, я как раз хочу понять лишние перерисовка)
Хорошо, спасибо, посмотрю про whydidupdate
Victor
строго говоря, выполняется не перерисовка, а вычисление - нужна ли перерисовка
Александр
строго говоря, выполняется не перерисовка, а вычисление - нужна ли перерисовка
Ну это и имел ввиду, вызов render, а не манипуляции с DOM
Victor
https://gist.github.com/theghostbel/4c5a1c3f5bf3caf264ef6a2b7d6b9042
у себя в живом проекте вот так подключили wdyu
можно в любой момент открыть приложение не в проде www.example.com?why-did-you-update и посмотреть как работает
Александр
да, я как раз хочу понять лишние перерисовка)
Хорошо, спасибо, посмотрю про whydidupdate
Есть множество типовых кейсов приводящих к ненужным ререндерам, например каждый раз создаются новые объекты передаваемые в props, тут поможет мемоизация
Kirill
Всем привет, есть компонент для локализации, который принимает чилдренов и просто ищет в редюсере по ключам перевод, такой вопрос, нужно перевести текст в placeholder у инпута, как туда можно засунуть компонент, или как реализовать перевод там?)
Victor
Есть множество типовых кейсов приводящих к ненужным ререндерам, например каждый раз создаются новые объекты передаваемые в props, тут поможет мемоизация
у меня топ3 причин для reconcilation
1. <a onClick={() => someHandler()}>
2. mapStateToProps = () => ({ newObjEveryTime: { value: _.clone(state.someValue) } })
3. забыл
Victor
Kirill
https://codesandbox.io/s/heuristic-chaplygin-1l3j1
Kirill
только без редюсера
Kirill
ну там так же, object object выводит
Андрей
Есть множество типовых кейсов приводящих к ненужным ререндерам, например каждый раз создаются новые объекты передаваемые в props, тут поможет мемоизация
Frontend Priest
🦜
https://github.com/smooth-code/xstyled