да, и говорю об этом, я и написал санк

а можешь подсказать почему это лучше чем в mapDispatchToProps это сделать ?

я и говорил об этом ) но ты предложил вынести это из mapDispatchToProps в отдельный санк.

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

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

это нормально передать dispatch в санк из MapDispatchToProps?

а можешь подсказать почему это лучше чем в mapDispatchToProps это сделать ?

1. использовать mapDispatchToProps с какой-то логикой, это минус к переиспользованию кода (ты не сможешь свой mapDispatchToProps экспортнуть в другой компонент, разве что с сильным уроном арихитектуры) 2. ты выносишь логику этих действий туда, где она должна быть, к экшены (санки), другим твои товарщам будет проще понять код.

это нормально передать dispatch в санк из MapDispatchToProps?

thunk и так принимает dispatch

это нормально передать dispatch в санк из MapDispatchToProps?

когда ты используешь thunk, такой экшен: const exmapleAction () => (d) => { ... } вторым колбеком принимает dispatch

СПС ОГРОМНОЕ ЧЕЛОВЕЧЕСКОЕ!

СПС ОГРОМНОЕ ЧЕЛОВЕЧЕСКОЕ!

еще он принимает getState (функцию через которую ты можешь заглянуть в текущий state)

Ну что suspense посоны?

Народ, подскажите, пожалуйста, по поводу jsx. У меня есть набор данных А в нем помимо прочих елементов есть id от надобора данных Б. Мне надо сделать вложенный цикл для вывода всех А, а внутри А еще один цикл для вывода всех данных Б в соотвествии с id имеющихся в массиве А. В общем обычный for (...){ for(...){ } } Обычно в тупую, монолитом, я понимаю как сделать, for'ы заменить на this.props.data.map(item => (...)). Но чую это похоже на монстра на квадратных колесиках... Как подобное лучше реализовать?

Народ, подскажите, пожалуйста, по поводу jsx. У меня есть набор данных А в нем помимо прочих елементов есть id от надобора данных Б. Мне надо сделать вложенный цикл для вывода всех А, а внутри А еще один цикл для вывода всех данных Б в соотвествии с id имеющихся в массиве А. В общем обычный for (...){ for(...){ } } Обычно в тупую, монолитом, я понимаю как сделать, for'ы заменить на this.props.data.map(item => (...)). Но чую это похоже на монстра на квадратных колесиках... Как подобное лучше реализовать?

react way - руби на компоненты)

ммм, понятно... А я как мне в новый компонент передать данные из старого? Ну допустим у меня в первом цикле перебирается массив const arr = [1,2,3,4]: <Cylce_1> {/* 2 итерация, обрабатывается arr[1] */} <Cycle_2> {/* как arr[1] предать сюда? */}

Я совсем что-то нехорошее спросил?

Народ, подскажите, пожалуйста, по поводу jsx. У меня есть набор данных А в нем помимо прочих елементов есть id от надобора данных Б. Мне надо сделать вложенный цикл для вывода всех А, а внутри А еще один цикл для вывода всех данных Б в соотвествии с id имеющихся в массиве А. В общем обычный for (...){ for(...){ } } Обычно в тупую, монолитом, я понимаю как сделать, for'ы заменить на this.props.data.map(item => (...)). Но чую это похоже на монстра на квадратных колесиках... Как подобное лучше реализовать?

Фор это не expression, надо обернуть в iife в таком случае

ммм, понятно... А я как мне в новый компонент передать данные из старого? Ну допустим у меня в первом цикле перебирается массив const arr = [1,2,3,4]: <Cylce_1> {/* 2 итерация, обрабатывается arr[1] */} <Cycle_2> {/* как arr[1] предать сюда? */}

https://reactjs.org/tutorial/tutorial.html

https://reactjs.org/tutorial/tutorial.html

А почему не https://www.google.com/ ?

Дольше искать

В туториале собственно и раскрывается история про передачу данных в дочерние компоненты

В туториале собственно и раскрывается история про передачу данных в дочерние компоненты

Спасибо!

Всем привет, хотел спросить некоторые общие вопросы про реакт если можно.

Всем привет, хотел спросить некоторые общие вопросы про реакт если можно.

https://rudevs.network/SJnVLYQm7

Писал приложения на react-native - вопрос не было, но сейчас переключился на react для сайта и несколько удивил следующий момент:

Почти нет готовых компонентов на npm. Например если в реакт-нейтиве я очень быстро одной строкой прикрутил удобную форму с логином и регистрацией и тд, то тут чето-то относительного поддерживаемого в npm просто нет - приходится всё самому собирать, что как-то удивляет, мне казалось что для rn меньше всего, а получается наоборот.

Может я где-то не там просто ищу?

А почему npm?

Ну как-то так получилось.

А почему npm?

есть yarn и ещё дохера пэкэйдж менеджеров

Там что-то сильно другое от npmjs лежит?

Там что-то сильно другое от npmjs лежит?

Нет, то же самое, просто другой установщик

Ну у меня вопрос не в установщике, а в наличие готовых компонентов.

Приветствую! Чёт затупил с промисами. 'fetch(url).then(response => if (!response.ok) throw new Error(''); return response).then(response => response.json())' Как тут сделать так, чтобы json() не вызывался, если response корявый?

тупо еще одну проверку на (!response.ok)?

или вообще блок с json() поднять в функцию выше

Приветствую! Чёт затупил с промисами. 'fetch(url).then(response => if (!response.ok) throw new Error(''); return response).then(response => response.json())' Как тут сделать так, чтобы json() не вызывался, если response корявый?

А чем тебя try catch не устраивает ?

throw тормозит выполнение кода? Извиняюсь за возможно нубские вопросы

Конструкция выглядит немного странно.

https://m.habr.com/post/426147/

ребята, кому интересно, добро пожаловать под кат)

как и обещал

А чем тебя try catch не устраивает ?

чё спрашивать возьми и попробуй )) да, тормозит, да устраивает. А конструкцию взял не помню откуда. В каком-то гайде по redux

Fetch(url).then(function(response){try{}cath})

Fetch(url).then(function(response){try{}cath})

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

А,я думал у тебя более сложный вариант

Всем привет. в команду нужен фронтэнд разработчик на проект для разработки pwa приложение по типу месенджера. со знанием react. подскажите пожалуйста где могу разместить объявление. извините, если нарушил ваши правила.

https://m.habr.com/post/426147/

у вас типы как-то генерятся для фронта с шарпового кода ?

или дубликация кода выходит?

Всем привет. в команду нужен фронтэнд разработчик на проект для разработки pwa приложение по типу месенджера. со знанием react. подскажите пожалуйста где могу разместить объявление. извините, если нарушил ваши правила.

t.me/javascript_jobs

спасибо

у вас типы как-то генерятся для фронта с шарпового кода ?

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

ERROR: S client not available

ну а если шарповый класс поменяли, а ты не вкурсе

хочется как-то автоматизировать это

ну а если шарповый класс поменяли, а ты не вкурсе

тогда можно заюзать генератор. такой есть

тупо еще одну проверку на (!response.ok)?

Используй axios

Используй axios

Почитаю, спасибо

ну а если шарповый класс поменяли, а ты не вкурсе

У нас scala на бэкенде, отдаёт json с описанием схемы, платформы себе из неё генерят нужные им тайпинги

Можно повтор вопроса выше: хочу например довольно стандартный логин для реакт. Где взять компонент? Для rn легко находился.

А есть ли какие-то аналоги draft? Наткнулся на огромное количество багов, некоторые уже 2 года в ишью висят, прямо печально

Ребят, подскажите статьи про рендеринг на сервере и на клиенте. Хочется разобраться в вопросе.

Желательно общий механизм работы чтобы был описан.

А есть ли какие-то аналоги draft? Наткнулся на огромное количество багов, некоторые уже 2 года в ишью висят, прямо печально

Можно попробовать врапнуть https://github.com/basecamp/trix

Доброе утро всем. Какую либу на клиенте чаще всего используют для webscoket c реактом?

Soket io И реакт тут не причем

@sergeysova, вроде бы ты говорил, что компонент должен генерировать ивенты а система на них реагировать и выполнять что-то. у тебя есть какой-нибудь пример подобных решений ?

эффектор

эффектор

это ? https://github.com/zerobias/effector

Да

окей, спасибо

Ребят, если в проекте понадобился свой блог (посты с рич текстом, картинками и вставками всего, например ютуб-видео) на своем домене, то самым быстрым и качественным решением будет взять draft js и запилить свой блог?

или есть более высокоуровневые решения (мб немножко платные)?

кто решал эту задачу, подскажите

Ребят, если в проекте понадобился свой блог (посты с рич текстом, картинками и вставками всего, например ютуб-видео) на своем домене, то самым быстрым и качественным решением будет взять draft js и запилить свой блог?

Самым быстрым — вротпресс.

Самым быстрым — вротпресс.

Вордпресс это же что-то вроде фреймворка эпохи юкоза и верстки таблицами?

Типа того. Но им и сейчас пользуются