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

и не делать каждый раз поиск элемента в DOM

getElementById при каждом рендеринге зачем?

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

норм, спасибо

еще что то есть?

еще что то есть?

<Route вне <Router странновато смотрятся

о в нем

но это уже от версии роутера используемого зависит

просто route в index

лучще в одном файле делать?

а понял

@ValeryKobzar а можно использовать и редакс и хуки в одном проекте, или лучше что то одно?

просто пишу чисто на редаксе все норм, а когда к редаксу хуки - дофига не понятных багов, по ходу из-за не знания хуков

@ValeryKobzar а можно использовать и редакс и хуки в одном проекте, или лучше что то одно?

совершенно не связанные между собой вещи

то-есть это абсолютно разные вещи

редакс стейт менеджер а хуки замена жизненым циклам

ну типа того, хуки делают функциоанльные компоненты более умными :)

ладно, спасибо

а так для редакса обещали хуки сделать useRedux в 7+ релизах

чтобы перестаить оборачивать компоненты в connect

а так для редакса обещали хуки сделать useRedux в 7+ релизах

Уже сделали, только не useRedux.

Уже сделали, только не useRedux.

откуда инфа?

а точняк

7.1.0

у меня сайт не обновился просто

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

useStore это они хорошо придумали :))) как в эффекторе прям

Добрый день Ребята посоветуйте статьи или теги по шаблонам проектирования на реакте

Добрый день Ребята посоветуйте статьи или теги по шаблонам проектирования на реакте

https://reactpatterns.com

@ValeryKobzar а можно использовать и редакс и хуки в одном проекте, или лучше что то одно?

Господи, вы уже третий раз задаёте этот вопрос тут, какая связь между хуками и редаксом? Откуда вы взяли в голову что это хоть как-то взаимоисключающие вещи? Это вообще тёплое и мягкое, не поленюсь отвечу в очередной раз вам: можно разумеется использовать хуки и редакс вместе.

просто пишу чисто на редаксе все норм, а когда к редаксу хуки - дофига не понятных багов, по ходу из-за не знания хуков

Что за баги, пишите подробнее, разберёмся

Господи, вы уже третий раз задаёте этот вопрос тут, какая связь между хуками и редаксом? Откуда вы взяли в голову что это хоть как-то взаимоисключающие вещи? Это вообще тёплое и мягкое, не поленюсь отвечу в очередной раз вам: можно разумеется использовать хуки и редакс вместе.

Можно даже в react-redux юзать хуки .Супер удобно !)

Офигенная новость

Зачем вам это? Чего вы хотите добиться ?

setTimeout

жди ответ от api, а потом показывай весь контент целиком, а не кусками

дождись ответа тогда, а то все эти секунды - костыли

А асинхронно получать данные не красиво?

сделай флаг в state. как только всё загрузилось что нужно поменяй его на true. В рендере если флаг false то return null

можно через Promise.all https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Promise/all

fetch(url).then(raw => raw.json()).then(result => this.setState({ ... }));

а если один запрос, то пример выше

если используется redux, тогда redux-thunk пусть заполняет стейт всё остальное сделают внутренности react/redux

Redux-thunk ,состояние загрузки отловить и пока загрузка true ,ничего не рендерить ,как только false - рендерить

всем привет, есть санка, которая логинит юзера, внутри санки есть экшеныКриэйторы startRequest(), если успех то записывает юзера и successRequest(), если ошибка - failRequest, я с этой санки возвращаю axios, где в then возвращаю результат промиса, то есть вот такой код axios.post('https://',user).then(({token,...data}) => { dispatch(setUser(data)); return token; }), для чего я так делаю - для того что бы и вэб и мобайл мог использовать данный токен, так как у нас на проекте монорепа, потому в компоненте я делаю так: const submit = async () => { try { const token = await loginUser(data); await AsyncStorage.setItem('token',token); push('profile'); } catch(e) { //code } } вопрос в том, что я ошибку с сервера ловлю в санке, но и делаю обертку в методе копонента в виде try catch, может у кого была подобная ситуация, я просто думаю как можно написать еще проще этот код или никак? потому что получаеться у меня catch пустой внутри ибо у меня сама ошибка которая будет на серваке, сетится в санке, буду благодарен за разные варианты

эм если redux, то там когда в пропсах данные появятся, тогда и нарисуется

Есть родитель а в нем детка. Если родитель изменит свой стейт а детка нет, то родитель перерисуется вместе с его деткой даже если в детке будед sCU=фолсь?

а данные где-нибудь ещё нужны? если только в одном компоненте, тогда как писали выше

реакт без стейт менеджера юзать - вообще плохая затея (можешь попробовать effector)

🥳

в конструкторе тогда https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/all для всех fetch-ей

тогда просто fetch (или xhr, или какая-нибудь библиотека-обертка) и запись в state

при изменении стейта произойдет ререндер, в render из данных .map() в нужные элементы или как там у тебя, не знаю

<Header /> <Router> <Route ... /> <Route ... /> </Router> <Footer />

Как быстро развернуть функциональный компонент в вебшторме ?

Как быстро развернуть функциональный компонент в вебшторме ?

сниппет написать

Всм зачем тебе его показывать через таймаут? Какие причины? Я думал что у тебя данные ещё не пришли а компонент рендерится без данных, поэтому ты так хочешь закостылить. Ок, это не то. Тогда зачем это тебе7

Как быстро развернуть функциональный компонент в вебшторме ?

по Alt+Enter есть предложения типа: Convert to variable holding function

сниппет написать

rccp классовый по дефолту разворачивает, а на функциональный по дефолту не предусмотрено? ;\

по Alt+Enter есть предложения типа: Convert to variable holding function

thx

Подскажите, что еще можно заюзать, вместо функции eval(x: string) мне нужно получить результат из => ' 1 + 1 * 2 '

это уже в документации к роутеру почитай :) скилл чтения доков очень полезен

Подскажите, что еще можно заюзать, вместо функции eval(x: string) мне нужно получить результат из => ' 1 + 1 * 2 '

🙏

Подскажите, что еще можно заюзать, вместо функции eval(x: string) мне нужно получить результат из => ' 1 + 1 * 2 '

спарсить числа и операторы и востановить выражение

Подскажите, что еще можно заюзать, вместо функции eval(x: string) мне нужно получить результат из => ' 1 + 1 * 2 '

new Function('a', 'b', 'return a + b'); https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Function

new Function('a', 'b', 'return a + b'); https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Function

Это ничем не лучше eval ну если задача стоит избавиться от неявного испольнения кода то конструктор Function и eval - одинаково плохо

Это ничем не лучше eval ну если задача стоит избавиться от неявного испольнения кода то конструктор Function и eval - одинаково плохо

Почему это?

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

new Function('a', 'b', 'return a + b'); const func = (a,b) => a+b

Тут что бы ты не передавал, одинаково вроде сработает

только в try-catch оберните

Но конечно 1 формат кажется мне неудобным

Не использовал ещё на практике

new Function('a', 'b', 'return a + b'); const func = (a,b) => a+b

а если выражение a*b ? или a+b*c

а если выражение a*b ? или a+b*c

И что?

Чем он схож на eval

и надо парсить строку на числа и выражения - твоя фцнкция задачу не решит

Ты к чему это ?