это самом собой
но оно не работает когда компонент убираеться из дом
поставь csstransitiongroup не делай велосипедов
Denis
Valentin
при использовании TS надо импортировать
import * as React from 'react';
- почему со * ?
что бы взять все экспорты сразу, ты смотрел их тс файл?
Denis
при использовании TS надо импортировать
import * as React from 'react';
- почему со * ?
меняешь конфиг и импортишь как удобно
Bogdan
это обычная функция, которая принимает объект и строку с путем до нужного проперти, сплитишь строку и дальше цикл по массиву- каждый элемент массива прибавляешь к объекту - если он не существует - ретернишь null/undefined, иначе последнее значение в последнем проперти
я забыл еще, у лодаша нету типизации и автодополнения, тут есть
Василий
просто в jsx было достаточно
import React from 'react';
Василий
вот заметил расхождение и спрашиваю
Василий
что бы взять все экспорты сразу, ты смотрел их тс файл?
тут какая то тема из-за того, что появились типы объектов
Bogdan
просто в jsx было достаточно
import React from 'react';
убери звездочку, тебе же не нужно все
Eddie
Всем привет, зачем нужны селекторы, если есть PureComponent и React.memo ?
Eddie
Заранее спасибо.
Bogdan
Всем привет, зачем нужны селекторы, если есть PureComponent и React.memo ?
что бы убрать вычисление, которые произойдут в коннекте, на каждый пук он тригерится и расчет произойдет по новой, селектор вернет мемо значение, если оно было таким же без перерасчета
wolfe
Daniil
Но конечно цель иногда одинаковая
Андрей
Нубский вопрос. Как реализовать кнопку "Назад" в React Router?
Valentin
Eddie
Спс за ответ всем
Valentin
А у тебя точно страница скроллится, а не внутренние элементы?
Хм. Да элементы. Блин. А как тогда. Там верстка пзд. Я не смогу всегда знать какой именно врапер скроллится
Vladislav
Такой вопрос,
Есть хук который следит на шириной экрана
Проблема, что из-за этого хука происходит ререндер, как можно это побороть?
Denis
Denis
Высоту убери, если есть
Doom
Я нуб в реакт, мне нужно сделать сайт на Next.js. Где посмотреть, как это правильно делать? Сложный рабочий сайт с открытым кодом.
Valentin
Высоту убери, если есть
Там нельзя, тк много боковых колонок. А контент который скроллится где то среди них
Yury
Valentin
Высоту убери, если есть
не могу. тк дальше есть прилеплиный футер. либо его еще менять, это время время время... + поддержка ИЕ
Андрей
@zhukreal @bshelomanov Извините, не могу нагуглить нормальный ответ, даже с этим ключевым словом, не могли бы объяснить подробней? Это про Назад в Реакт Роутере вопрос был
Yury
Kostya
У мя нет комерческого опыта но хочу поделится своим велосипедиком
import { createStore } from "redux"
import createReducer from "./createReducer"
import { middleware } from "./middleware"
export let store = createStore(createReducer(), middleware)
export class extends React.Component {
static defaultProps = {
getActive: () => 0
}
constructor(props) {
super(props)
this.state = this.props.getter(store.getState())
this.unsubscribe = store.subsrcribe(() => {
this.setState(this.props.getter(store.getState()))
})
}
shouldComponentUpdate(props, state) {
let nextKeys = Object.keys(state)
if (nextKeys.length !== Object.keys(this.state).length) {
return true
}
for (key in this.state) {
let findIndex = nextKeys.indexOf(key)
let flag = findIndex === -1 || this.state[key] !== state[key]
if (flag) {
return true
}
nextKeys.splice(findIndex, 1)
}
return Boolean(nextKeys.length)
}
render() {
let izo_childrens = React.Children.map(
child => (
React.cloneElement(
child,
{
...this.state,
...this.props.on(dispatch, child.props)
}
)
)
)
let { getActive } = this.props
return izo_childrens[getActive(this.state)]
}
componentWillUnmount() {
this.unsubscribe()
}
}
Bogdan
@zhukreal @bshelomanov Извините, не могу нагуглить нормальный ответ, даже с этим ключевым словом, не могли бы объяснить подробней? Это про Назад в Реакт Роутере вопрос был
https://reacttraining.com/react-router/core/api/withRouter
можно через хок, можно самому выносить историю
Ilia
Ребят,где можно почитать про виртуал дом и то,как происходит сравнение виртуального и реального дома.Основы так сказать реакта.(не оф. документация.Надо разжевано))))
Dmitriy
Ребят,где можно почитать про виртуал дом и то,как происходит сравнение виртуального и реального дома.Основы так сказать реакта.(не оф. документация.Надо разжевано))))
сравнение происходит только на уровне vdom а апдейт дом нод это уже другая история.
Посмотри на реакт конф этого года доклад ben (sophia) alpert
Тимофей 🛴
Ребят,где можно почитать про виртуал дом и то,как происходит сравнение виртуального и реального дома.Основы так сказать реакта.(не оф. документация.Надо разжевано))))
Вот серия статей, там и про старый и новый принцип есть
https://engineering.hexacta.com/didact-learning-how-react-works-by-building-it-from-scratch-51007984e5c5?gi=df3a406650c9
Ilia
🦜
Василий
скажите для tsx и ts один и тот же babel подойдет как загрузчик?
что от на Order.ts
вот такая ошибка
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file.
может ts-loader для TS нужен ?
🦜
Я нуб в реакт, мне нужно сделать сайт на Next.js. Где посмотреть, как это правильно делать? Сложный рабочий сайт с открытым кодом.
>нуб
>некст
>сложный сайт
bruh 💁♂️
🦜
Kostya
Ребят,где можно почитать про виртуал дом и то,как происходит сравнение виртуального и реального дома.Основы так сказать реакта.(не оф. документация.Надо разжевано))))
Дружише бросай ты этот реакт открой для себя преакт https://medium.com/@abraztsov/how-virtual-dom-work-567128ed77e9
Ilia
Preact заменит реакт?
Михаил
artalar
Реакт заменит https://github.com/ryansolid/solid
artalar
Это JSX транспайлер в дом инструкции. Прям как свелт, только JSX
Daniil
Еще один убийца?
Maxim
Бедный реакт, все пытаються его убить, да вот только все мими и мимо
Vladimir
Ну правильно, если делать, то сразу убийцу
Bogdan
Если интересно то почитайте https://blog.isquaredsoftware.com/2018/11/react-redux-history-implementation/
довольно интересная статья
Kostya
Да
Сравни бандлы
только одно но, без наворотов никто не хочет писать а на реакте многое написано, stackoverlow больше вопросов по реакту и он значит рулит
Димон
только одно но, без наворотов никто не хочет писать а на реакте многое написано, stackoverlow больше вопросов по реакту и он значит рулит
Братан, со всем в интернете споришь?)
Roman
Это JSX транспайлер в дом инструкции. Прям как свелт, только JSX
а зачем брать это, если уже есть свелт?
Igor
Братан, со всем в интернете споришь?)
он не спит по ночам, потому что в интернете кто-то не прав)
artalar
а зачем брать это, если уже есть свелт?
Я бы это вообще не брал, скорее для общего развития.
Но отвечая на вопрос - JSX поддерживает TS, свелтовские шаблоны - нет
Igor
я все еще верю что jquery через пару лет всем утрет нос (но это не точно)
Default
только одно но, без наворотов никто не хочет писать а на реакте многое написано, stackoverlow больше вопросов по реакту и он значит рулит
Откатимся в 2014-й год. На фронте безраздельно властвовал AngularJS, встречались Knockout с Backbone, а на реакте даже сам фейсбук был ток в паре-тройке мест типа нотификаций :)
▲rtemiy
вы думаете для чего смартфоны делают мощнее? чтоб не еб*ца с этими реактами а делать все привычным $(‘#app’).doMagicForMePleaseFast(1)
Default
Откатимся в 2014-й год. На фронте безраздельно властвовал AngularJS, встречались Knockout с Backbone, а на реакте даже сам фейсбук был ток в паре-тройке мест типа нотификаций :)
Где гарантии, что фреймворк-убивец уже не релизнули?
Igor
Где гарантии, что фреймворк-убивец уже не релизнули?
черпаем инфу с хулиадерити, чому бы и нет)
🦜
Ilya
Где гарантии, что фреймворк-убивец уже не релизнули?
гарантии в маркетинге. Сегодня раскрутить что-то с нуля будет очень сложно.