Alena
import React, { Component } from "react";
import Post from "./Post";
export default class Posts extends Component {
render() {
return (
<div className="left">
<Post
url="https://www.google.com/url?sa=i&source=images&cd=&ved=2ahUKEwjM97n02bLmAhURtosKHQKxBJ0QjRx6BAgBEAQ&url=https%3A%2F%2Fwww.pexels.com%2Fphoto%2Fred-rose-flower-658687%2F&psig=AOvVaw373l4RLyrw3kZyVP5v47-7&ust=1576329106383994"
alt="inst"
/>
Daniil
🤴👷♂️🦸♂️🧚♀️
Пöß d'Ivoire
import React, { Component } from "react";
import Post from "./Post";
export default class Posts extends Component {
render() {
return (
<div className="left">
<Post
url="https://www.google.com/url?sa=i&source=images&cd=&ved=2ahUKEwjM97n02bLmAhURtosKHQKxBJ0QjRx6BAgBEAQ&url=https%3A%2F%2Fwww.pexels.com%2Fphoto%2Fred-rose-flower-658687%2F&psig=AOvVaw373l4RLyrw3kZyVP5v47-7&ust=1576329106383994"
alt="inst"
/>
а если такой урл на картинку сделать)
https://images.pexels.com/photos/658687/pexels-photo-658687.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260
Пöß d'Ivoire
не благодарите
Alena
спасибо)
Артем
Подскажите плиз.чутка подзабыл, как 2 класса отобразить с помошью css modules? className={styles.flex_row, styles.flex_justify_content} пишу в данный момент так
Yury
Подскажите плиз.чутка подзабыл, как 2 класса отобразить с помошью css modules? className={styles.flex_row, styles.flex_justify_content} пишу в данный момент так
className={`${styles.flex_row} ${styles.flex_justify_content}`}
Pavel
ребят, такой вопрос, есть див, он высотой 100vh, доскролив его до верху нужно скролить внутри этого дива, пока не закончится внутренний контент, и потом уже скролить дальше основную страницу.. может кто делал такое, и мб есть какие пакеты для этого дела, чтоб не городить..
По сути стандартный скролл так же сработает если я задам overflow у блока и ограничю его высоту, но в таком случае я смогу его прокручивать еще до того как он будет сверху,, те наведя курсор на этот блок 😬
Pavel
решение ищу под реакт, может есть что-то такое
🔫
подскажите как настроить eslint
🔫
vscode
Alexander
vscode
https://medium.com/@sgroff04/configure-eslint-prettier-and-flow-in-vs-code-for-react-development-c9d95db07213 оно?
🔫
https://medium.com/@sgroff04/configure-eslint-prettier-and-flow-in-vs-code-for-react-development-c9d95db07213 оно?
та я это уже пробовал
че то не то
три раза пробовал
И другир туториалы не помогли(
я все уже известные попробовал
Роман
Кто работает с Material UI, подскажите пожалуйста. В некоторых компонентах legend у компанента TextField (при варианте outlined) автоматом выставляется в 0, в то время как других местах проекта компонент отрабатывает как нужно, label затесняет обводку рамки. В чем может быть дело, куда копать?
Igor
та я это уже пробовал
че то не то
три раза пробовал
И другир туториалы не помогли(
я все уже известные попробовал
Лол, «че то не то». Ты хотя бы напиши, как делал, с чем столкнулся, что не понял, какие ошибки. Или твои мысли угадывать должны?
🔫
Лол, «че то не то». Ты хотя бы напиши, как делал, с чем столкнулся, что не понял, какие ошибки. Или твои мысли угадывать должны?
не то всмысле без каких либо ошибок работает не правильно unused import ы не показывает
Oleg
подскажите как настроить eslint
тебе надо глобально поставить его. npm i -g eslint. Без этого расширение Eslint не будет работать. плюс у eslint есть первичная настройка с выбором стиля кода
Oleg
может и локально вар. но суть в том что расширение без npm пакета не работает
c global линтом могут возникнуть проблемы.
🔫
и расширения поставил и пакет установил и config настроил
Anonymous
Ну я и говорю, то что аргумент e.target равен нулу, это не дебаунс виноват кажись
Спрасибо за участие. BTW, нашёл интересный способ использовать debounce в инпуте Реакта: https://dev.to/gabe_ragland/debouncing-with-react-hooks-jci.
Китикет
Нет cra - нет эджекта, сплошной профит)
Нет кра - это уже считай кра с эджектом, только похлеще и в разы сложнее в поддержке
Alexey
rollup / parcel
Alexey
Парсель ладно, но роллап для либ больше
ну я там выше особо не читал, что человек на реакте сделать хочет, тудушку или компонент какой
Китикет
У меня еще боль не дошла до такой степени, чтобы на малоиспользуемые решения переходить) Вот другое дело редакс
Alex
всем привет.
народ, может кто подскажет - если ли какая-то шпаргалка для каких случаев использовать useReducer а для каких вообще лучше не применять?
пишу платформу для обучения (next.js + graphql (node.js))
начал внедрять редьюсер и складыть в него почти все, что есть на сайте (списки курсов, залогиненного пользователя....) почему-то мне кажется, что это лишнее))
🦜
всем привет.
народ, может кто подскажет - если ли какая-то шпаргалка для каких случаев использовать useReducer а для каких вообще лучше не применять?
пишу платформу для обучения (next.js + graphql (node.js))
начал внедрять редьюсер и складыть в него почти все, что есть на сайте (списки курсов, залогиненного пользователя....) почему-то мне кажется, что это лишнее))
Если у тебя graphql, то возьми аполло и юзай как стейт менеджер
artalar
всем привет.
народ, может кто подскажет - если ли какая-то шпаргалка для каких случаев использовать useReducer а для каких вообще лучше не применять?
пишу платформу для обучения (next.js + graphql (node.js))
начал внедрять редьюсер и складыть в него почти все, что есть на сайте (списки курсов, залогиненного пользователя....) почему-то мне кажется, что это лишнее))
Аполло для апи.
Складывайте в Стейт менеджер только данные которые редактируются на клиенте
GG
всем привет.
народ, может кто подскажет - если ли какая-то шпаргалка для каких случаев использовать useReducer а для каких вообще лучше не применять?
пишу платформу для обучения (next.js + graphql (node.js))
начал внедрять редьюсер и складыть в него почти все, что есть на сайте (списки курсов, залогиненного пользователя....) почему-то мне кажется, что это лишнее))
Он нужен когда надо вычислить какую то часть стейта на основе другой части стейта. Если все стейты не зависимые друг от друга, то тогда надо useState
Alex
👍 принято. спасибо
Igor
Если у тебя graphql, то возьми аполло и юзай как стейт менеджер
А есть где почитать, насколько аполло полноценная замена стейт менеджеру?
Vestrond
Народ, тут есть те, кто успешно написал аддон для сторибука? Не поделитесь опытом? У меня упорно не хочет подключаться проект-пустышка, которую делаю по гайдам и образу и подобию аддонов самого сторибука
Bogdan
Oleg
ребят, после успешного заказа вы обычно создаете для этого стейт отдельный типа order: true? чтобы например показать попап успешного заказа?
Bogdan
ребят, после успешного заказа вы обычно создаете для этого стейт отдельный типа order: true? чтобы например показать попап успешного заказа?
кинуть колбек , который по истечению запроса выполнится
Oleg
кинуть колбек , который по истечению запроса выполнится
т.е. нет смысла для отправки запроса на успешный заказ создавать для этого action?
Bogdan
Bogdan
да
ну тогда вазилина побольше, потому что на каждый запрос нужен свой флаг, а их может быть до жопы, ну можешь обертку сделать, которая статус вернет, а вроде такие даже есть, не помню
Oleg
ну тогда вазилина побольше, потому что на каждый запрос нужен свой флаг, а их может быть до жопы, ну можешь обертку сделать, которая статус вернет, а вроде такие даже есть, не помню
в принципе я могу просто сделать запросы в onSubmit
Bogdan
в принципе я могу просто сделать запросы в onSubmit
да тебе как не крути нужен статус запроса, тебе нужно чт ото делать пока загрузка идет
Alexey
Andrei
dispatch(thunk())
блин, что-то так и не получилось. Подскажи пожалуйста, не это имел в виду?
const dispatch = useDispatch();
const getAggregateProduct = (id: string) => dispatch(thunk(getAggregateProductAction(id)));
getAggregateProduct(productId).then(() => {
код в then
});
Natalia
<Col className="curent_status_line">
<Link className="desktop_list_item" to="dialogs_active">
<Col className="float_left">
<Typography className="text midGrey">Активных:</Typography>
</Col>
<Col className="float_right">
<Typography className="text”>{calls.all.value}</Typography>
</Col>
</Link>
</Col> нужно это велью по ивент таргету занести в локальный стейт (таких блоков несколько)
Natalia
ивент-таргет выбрасывает то див, то а
Oleg
блин, что-то так и не получилось. Подскажи пожалуйста, не это имел в виду?
const dispatch = useDispatch();
const getAggregateProduct = (id: string) => dispatch(thunk(getAggregateProductAction(id)));
getAggregateProduct(productId).then(() => {
код в then
});
dispatch(thunk())?
в диспатч же экшон кладут.
Тимофей 🛴
блин, что-то так и не получилось. Подскажи пожалуйста, не это имел в виду?
const dispatch = useDispatch();
const getAggregateProduct = (id: string) => dispatch(thunk(getAggregateProductAction(id)));
getAggregateProduct(productId).then(() => {
код в then
});
dispatch(thunk()).then
dispatch возвращает то что вернул actionCreator
Sergey
Есть Effector.dev
Sergey
Просто нет смысла менять инфраструктуру
Sergey
Что?
Sergey
Домен now?
Andrei
dispatch(thunk())?
в диспатч же экшон кладут.
Тимофей 🛴
Кому им? Стань спонсором, сделают домен может быть
Andrei
dispatch(thunk())?
в диспатч же экшон кладут.
мне нужно как-то прикрутить then к фунции которая вызывается
Тимофей 🛴
мне нужно как-то прикрутить then к фунции которая вызывается
Еще раз. Ты хочешь дождаться выполнения thunk в компоненте и сделать после этого еще что то?
Andrei
Тимофей 🛴
но выдает ошибку по типу((
Тогда топай в @ts_ru я не помню как такое типизируется правильно, и вообще такой кейс не любил
Andrei
понял, спасибо!
Alex
Ura
Natalia
мы можем лазить как-то по ДОМу без рефов?
Jurij
document.getElementById
Pavel
Оуууу...