Dimitri
thunk, saga, observable
Sergei
Ну по идее в компоненте, смотреть на приходящие пропсы и если стартквиз тру делать, то что тебе надо
Андрей
Sergei
thunk, saga, observable
А для thunk эт норма? Я вот видел, что его используют как мидлвар для асинхронных запросов, а не для такой вот штуки
Николай🍠
Ку. Подскажите пожалуйста... Сейчас почитал про редакс. Везде пишут, что в редакс не нужно делать всяких сайд эффектов (на вроде http-запросов). Ок, тогда где их делать? Основной statefull компонент и так достаточно большой получился. А если туда ещё и логику запросов накидать, то вообще слишком много получится.
посмотрите в сторону mobX.....альтернатива лучше Redux на мой взгляд
Dimitri
А для thunk эт норма? Я вот видел, что его используют как мидлвар для асинхронных запросов, а не для такой вот штуки
затупил, смотреть на пропс и вешать нужный класс вроде норм решение
🅅aleriy
и снова утро и снова топчик интересных вопросов наклевывается :)))
Oleg
кто-то в курсе когда pnpm из беты выйдет?
Oleg
установить пакеты может, но запустить проект - нет. даже с флагом - тогда ругается на методы в классе.
Katod🇳🇵
посмотрите в сторону mobX.....альтернатива лучше Redux на мой взгляд
поддерживаю. хотя мобикс дает слишком много свободы. если выбирать как решение для команды из нескольких человек, то редакс может оказаться надежнее.
artalar
Можно еще на effector посмотреть
Nikita
Или на RxJS
Panda
Это обсервабл на стероидах
Panda
та забей, говорят он ангулярщик
ну, это не имеет значение, т.к. совет в целом не дает ответ на вопрос
Panda
какая разница, будет у человека в компоненте .subscription() или .then()
🦜
я сейчас считай его спародировал
Nikita
какая разница, будет у человека в компоненте .subscription() или .then()
С потоками удобнее работать, чем с просимыми
Panda
я писал на ангуляре, и везде натыканный рх делает код ужасно недружелюбным и плохо читаемым
iči
Nikita
я писал на ангуляре, и везде натыканный рх делает код ужасно недружелюбным и плохо читаемым
Плохо написанный код на RX — да
Panda
потоки оправданы там, где тебе нужна логика слушателя
Nikita
Ну попробуйте отписаться от промиса в одну строчку 🤷♀️
Panda
когда ты просто получаешь данные, то рх даром не нужен, а в ангуляре приходиься его тыкать. Получаем забавную картину, когда для того, что бы получить одну булевскую переменную, закончена загрузка или нет, надо делать сабджект и слушать это событие
Panda
м, а зачем от него отписываться? Ты имеешь ввиду отменить запрос, если закрыл приложуху?
Daniil
Забей
Nikita
м, а зачем от него отписываться? Ты имеешь ввиду отменить запрос, если закрыл приложуху?
> а зачем от него отписываться?
Ладно, хорошего дня
Panda
ахха, так про любое можно сказать
только плохо написанного кода на рх больше, т.к. в целом людей которые на нем пишут нормально в разы меньше)
🦜
он всегда так отвечает)
Panda
ну, это чсв обычное, жаль.
Panda
надеюсь хотя бы это человек понимает)
🦜
))
Daniil
Топить на том что устаревает
Ruslan
Ангулярщик как клеймо ))
Daniil
🤔
Panda
unsubscription fetch - выдает ссылки только на ангуляр(
artalar
Или на RxJS
У Rx есть нерешаемые проблемы
(говорил об этом здесь https://youtu.be/48XSmEIqbkI )
Panda
там вроде cancel метод
artalar
abort controller для отмены нужен
artalar
Потоки и Rx - это норм, просто их хорошо готовить чуть сложнее
Panda
Потоки и Rx - это норм, просто их хорошо готовить чуть сложнее
и не везде просто закидывать, хотя я могу быть субьективен
Tutu
Народ вопросик. Есть такая иерархия. Родительский компонент в котором создаеться c помощью хука useRef ref. Этот ref передаеться на прямую компаненту counter. Counter создаеться через обертку forwardRef. Так вот если counter у нас вызываеться не через children какого-то компонента ссылка есть. А если я его оборачиваю в какаой-то компонент эта ссылка теряеться.
Tutu
<Grid item xs className={classes.flexGrow}>
<Select defaultData={1}>
<Counter ref={adults}/>
</Select>
</Grid>
Tutu
<FormControl className={classes.formControlSelect} >
<Select
variant={'outlined'}
open={open}
onClose={handleClose}
onOpen={handleOpen}
value={age}
onChange={handleChange}
inputProps = {{
classes: {
root:classes.inputSelect
}
}}
>
{
props.children
}
</Select>
</FormControl>
Tutu
const Counter = React.forwardRef((props, ref) => {
let [count,setCount] = React.useState(0);
const increment = () =>{
if(count <= 9){
count++;
setCount(count);
//console.log(ref());
//props.callback(count);
}
};
const dicrement = () =>{
if(count >0){
count--;
setCount(count);
//props.callback(count);
}
};
return (
<div ref={ref} className="counter" >
<Button onClick={dicrement} disabled = {count <= 0 && true}> - </Button>
<span>{count}</span>
<Button onClick={increment} disabled = { count>9 && true}> + </Button>
</div>
);
});
export default Counter;
Tutu
current undefined
Tutu
так он и обернут форвард реф
Tutu
<Grid item xs className={classes.flexGrow}>
<Counter ref={adults}/>
</Grid>
Tutu
если так то ссылка есть
Anonymous
Доброго времени суток. Подскажите, как можно вынести папку с тестами из директории src при использовании сборки create react app от фейсбука? Спасибо.
Daniil
Есть ли такая табличка где приводится метод жизненного цикла компонента с его аналогом на vue.js?
Sergei
Есть ли такая табличка где приводится метод жизненного цикла компонента с его аналогом на vue.js?
какой еще жизненный цикл, вью мертворожденный
Alexandr
Есть ли такая табличка где приводится метод жизненного цикла компонента с его аналогом на vue.js?
https://metanit.com/web/vuejs/1.13.php
Andrey
Есть ли такая табличка где приводится метод жизненного цикла компонента с его аналогом на vue.js?
В документации? На первой же странице?
🅅aleriy
🅅aleriy
и это первое место в топчике вопросов за утро :)
Kirill
Ребята, привет, может кто подсказать хорошие курсы по реакту адванс уровня плантые(русские и английские)
Evgeny
Kirill
самое востребованное говно на рынке на данный момент на фронте
Aizada
привет
Aizada
import React from 'react';
// import logo from './logo.svg';
import './App.css';
import MainHeader from './components/MainHeader';
import MainContent from './components/MainContent';
import MainFooter from './components/MainFooter'
class App extends React.Component{
render(){
return (
<MainHeader/>,
<MainContent/>,
<MainFooter/>
);
}
};
Aizada
у меня работает только mainfooter
Aizada
a mainheader i maincontent не работает