так а его потом спросили а как файлы слать, ежели не через фд

а в реквесте?

на бек форм дату отправляешь

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

Неужели закончил свой проект на vue

на бек форм дату отправляешь

бинго

кароче у меня смс не доходят в телегу ....

У меня задержка очень сильная отправки смс в телегу .... так что сорян

У меня задержка очень сильная отправки смс в телегу .... так что сорян

Это из за чата, 30 сек задержки

У меня задержка очень сильная отправки смс в телегу .... так что сорян

смс в телегу? 🤔

смс в телегу? 🤔

аха, через нокио шлю

У меня как раз не будет ничего перерендериваться, благодарю

shortid )

shortid )

shortId?

shortId?

npm repo shortid

качаешь shortid через npm npm i shortid и используешь его как key

вот так

вот так

не надо так делать. обойди его на крайний случай и присвой заранее

не надо так делать. обойди его на крайний случай и присвой заранее

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

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

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

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

по идее он на каждый рендер будет новый ключ генерить

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

и в чем проблема? не пойму

и в чем проблема? не пойму

в том, что у тебя сама суть ключей реакта теряется, если он новый постоянно генерится

и в чем проблема? не пойму

в том, что достаточно изменить стэйт и у тебя ключи опять начнут генерироваться и этот солюшен бесполезный

и в чем проблема? не пойму

проще вообще тогда не передавать key (либо index)

и в чем проблема? не пойму

короче, рендер выполняется неоднократно и ключи используются для его оптимизации. ты можешь либо просто использовать индекс в массиве, либо при получении этого массива создать новый, сгенерировав ключи

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

ну здесь стоит уточнить, что если массив потом меняться не будет абсолютно никак, то будет достаточно только индекса элемента в массиве как ключ

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

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

Для чего вообще нужен shortid?

ну здесь стоит уточнить, что если массив потом меняться не будет абсолютно никак, то будет достаточно только индекса элемента в массиве как ключ

+

Для чего вообще нужен shortid?

ShortId creates amazingly short non-sequential url-friendly unique ids. Perfect for url shorteners, MongoDB and Redis ids, and any other id users might see.

а почему не nanoid

а почему не uuid

потому что наноид написан ситником и весит 139 байт

потому что наноид написан ситником и весит 139 байт

он не генерит uuid, но для отстальных кейсов топ

пытаюсь завести ts, CRA автоматом создал tsconfig, но не пойму в чем дело

Кто-нибудь пробовал в content: attr() вставить картинку? указываю вторым аргументом тип атрибута как url, но что-то не работает у меня пользовательский атрибут(data-img), но роли это не играет, думаю даже фоллбэк не срабатывает upd: https://caniuse.com/#feat=mdn-css_types_attr_type-or-unit_url эти всё сказано

пытаюсь завести ts, CRA автоматом создал tsconfig, но не пойму в чем дело

судя по ошибке, у тебя расширение файла неправильное. попробуй переименовать в *.tsx

Как с такога обекта const obj = { version: '', author: '', operator: '', children: [ { version: '', author: '', operator: '', children: [ { version: '', author: '', operator: '', }, { version: '', author: '', operator: '', } ] } ] } Сделать такой масив const obj = [ { version: '', author: '', operator: '', children: [ { version: '', author: '', operator: '', children: [ { version: '', author: '', operator: '', }, { version: '', author: '', operator: '', } ] } ] } ]

судя по ошибке, у тебя расширение файла неправильное. попробуй переименовать в *.tsx

./src/atoms/Tooltip/index.tsx Line 17:18: Parsing error: '>' expected

Привет всем! Вопрос, есть Array который я мапаю. Как задать опреленный стиль последнему эл. из массив при услови что Props уже пришел? index === index.length -1 && connectionLost ? “class” : “” как то так?

Привет всем! Вопрос, есть Array который я мапаю. Как задать опреленный стиль последнему эл. из массив при услови что Props уже пришел? index === index.length -1 && connectionLost ? “class” : “” как то так?

https://github.com/JedWatson/classnames

он не генерит uuid, но для отстальных кейсов топ

Что дает именно uuid?

https://github.com/JedWatson/classnames

Спасибо! но как то, для одного класса продключать либу..))

Спасибо! но как то, для одного класса продключать либу..))

эта либа мастхев на реакт проекте имхо

качаешь shortid через npm npm i shortid и используешь его как key

ор

ор

ор в чем?

Есть пример реализации работы с сокетами на реакте?

Есть пример реализации работы с сокетами на реакте?

но ведь реакт не работает с сокетами

Компоненты контейнеры отличаются от обычных компонентов только тем что используют асинхронную логику и передают данные в обычные компоненты?

я предпочитаю вообще не использовать такую терминологию

но ведь реакт не работает с сокетами

Однако сокеты требуется, и как правильнее всего с ними работать на реакте хотелось бы знать

Компоненты контейнеры отличаются от обычных компонентов только тем что используют асинхронную логику и передают данные в обычные компоненты?

https://t.me/feature_slices/20 этот и слайды дальше

Однако сокеты требуется, и как правильнее всего с ними работать на реакте хотелось бы знать

import socket from 'any-socket-lib-client' socket.on('message', () => { // any code }) // any code

import socket from 'any-socket-lib-client' socket.on('message', () => { // any code }) // any code

const Example = () => { useEffect(() => { const handler = (message) => console.log(message) socket.on(“message”, handler) return () => socket.off(“message”, handler) }, []) }

import socket from 'any-socket-lib-client' socket.on('message', () => { // any code }) // any code

Нужно что-то более приближенное к нормальному архитектурному подходу Где инициализировать коннект, как его прокидывать компонентам Или же вообще выносить это все в редакс

Нужно что-то более приближенное к нормальному архитектурному подходу Где инициализировать коннект, как его прокидывать компонентам Или же вообще выносить это все в редакс

нафиг ридакс. но вообще да, обычно выносят либо в context, либо в миддлвару и уже там диспатчатся события

Ребят,вопрос такой,смотрю курс про разработке todo приложения и столкнулся с проблемой,что не правильно изменяются свойства у элементов списка такие как(active ,done) Из-за этого,приложение работает не правильно,у меня в state главного компонента app.js записана информация о поиске(если есть) и о фильтрации.У меня не отображается правильно вкладка active и done,в чем может быть проблема? https://github.com/Aleshka-Garmoshka/Invoices/ ОЧень надеюсь на помощь,заранее спасибо

в effector я просто подключал socket к стору и обрабатывал в нужных местах. компоненты получали уже только необходимые данные из сторов. с reatom будет то же самое

Ребята, кто-то работал с файрбейс?

в effector я просто подключал socket к стору и обрабатывал в нужных местах. компоненты получали уже только необходимые данные из сторов. с reatom будет то же самое

Как прокинуть соединение всем компонентам тогда? Мы диспатчим все события сокетов в мидлвейрах, это окей, но эмиты мы должны вызывать уже внутри самих компонентах

Ребята, кто-то работал с файрбейс?

nometa.xyz

Как прокинуть соединение всем компонентам тогда? Мы диспатчим все события сокетов в мидлвейрах, это окей, но эмиты мы должны вызывать уже внутри самих компонентах

const data = useStore($data)

Как прокинуть соединение всем компонентам тогда? Мы диспатчим все события сокетов в мидлвейрах, это окей, но эмиты мы должны вызывать уже внутри самих компонентах

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

Ребята, кто работал с файрбейс, подскажите как сделать проверку на авторизацию пользователя перед тем как отресуется DOM ?

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

Получается мне нужно создавать экшн под каждое действие А внутри экшана уже брать соединение (из редакса?) и делать emit?

в effector я просто подключал socket к стору и обрабатывал в нужных местах. компоненты получали уже только необходимые данные из сторов. с reatom будет то же самое

новый стейт менеджер или что это?

Что дает именно uuid?

Загугли. Это алгоритм для генерации id, который бекендеры как-то юзают

новый стейт менеджер или что это?

не новый но хороший github.com/zerobias/effector

Получается мне нужно создавать экшн под каждое действие А внутри экшана уже брать соединение (из редакса?) и делать emit?

конечно же

Получается мне нужно создавать экшн под каждое действие А внутри экшана уже брать соединение (из редакса?) и делать emit?

но только не внутри экшена а внутри миддлвары и соединение будет в замыкании миддлвары

я написал 4 приложения на нем парочка уже в проде, два других готовятся

Ребят,вопрос такой,смотрю курс про разработке todo приложения и столкнулся с проблемой,что не правильно изменяются свойства у элементов списка такие как(active ,done) Из-за этого,приложение работает не правильно,у меня в state главного компонента app.js записана информация о поиске(если есть) и о фильтрации.У меня не отображается правильно вкладка active и done,в чем может быть проблема? https://github.com/Aleshka-Garmoshka/Invoices/ ОЧень надеюсь на помощь,заранее спасибо

Ребята,можете подсказать пожалуйста?🙏

но только не внутри экшена а внутри миддлвары и соединение будет в замыкании миддлвары

Мидлвара будет модифицировать контекст и добавлять туда коннект?

я написал 4 приложения на нем парочка уже в проде, два других готовятся

я не про эффектор, я про reatom

Мидлвара будет модифицировать контекст и добавлять туда коннект?

нет. это два разных варианта. Контекст и Ридакс. Если ридакс, то через миддлвару

я не про эффектор, я про reatom

а, его не юзал. Но выглядит интересно. По крайне мере из-за SSR. Пока ещё не релизнулись. Да и не понятно как проектировать приложения

сталкивался кто с подобным?

сталкивался кто с подобным?

t.me/ts_ru

сталкивался кто с подобным?

вообще тебе белым по черному написано, что надо сделать

вообще тебе белым по черному написано, что надо сделать

спокойней :) люди, пришедшие в разработку периодиечски боятся, когда многабукав. @yngvarr_maslow установи пакет @types/react-tippy

да нет, я давно уже, просто первый раз щупаю тс

да нет, я давно уже, просто первый раз щупаю тс

тогда учись читать ошибки, чего 😂