@react_js - страница 1265 - Telegram web archive

Ilya

Да. Оформление через PureComponent. На входе object который является элементом и key который порядковый номер. Вычистил всё из офорлялки, повешал в render() console.log c id элемента, но при изменении всё равно все рендерятся

Ilya

```

Ilya

<Grid item md={12}> {this.props.store.data.orders.map((object, i) => <Order data={object} key={i} />)} </Grid> это список

Ilya

ага, щас меньше рендериться начало, спасибо!

Vladimir

Человек тут как то кидал ссылку на очень полезную статью. В ней есть развернутый ответ и про то зачем нужен key, и почему нельзя использовать в нём обычный итератор из map, и ответ какие есть подводные камни в функциональном подходе (человек чуть выше интересовался этим)

Vladimir

https://overreacted.io/react-as-a-ui-runtime/

Kostya

обычно роутинг делают в App.js в App весь

Я не хочу делать сразу два сайта! Я делаю сайт услуг и также чтоб админ мог его редактировать....... и писать две РАЗНЫЕ страницы как-то не ахти

Kurzdor

Блин, что ж всем люди с тупыми собаками на аватарке такие же... Я говорю сделай в App.js Route path="/" Route path="/admin" -- тут проверяешь админ ли юзер, если нет, то бросаешь куда надо Все в одном Свитче

Kurzdor

Не нужны там User_or_Admin

Sergey

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

Это ничего не изменит.

Ilya

Не, всё равно нифига не работает. Смотрите, получается данные приходят с сервера и пихаются в redux. Данные имеют uniqeid который идёт в кей. При перезаписи массива в redux рендерится весь список хоть и key уникальный.

Ilya

дык а он то куда. Массив то меняется

Ilya

сервак массивом отдаёт. А я хочу чтобы из всего списка отреднерилась только одна карточка

Ilya

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

Andrew

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

Дак может на бэке это делать ?

Ilya

как?

Sergey

Вообщем народ, посмотрел я Мобкс вроде то что нужно, но есть странные моменты и не нравится форс декораторов, но мобкс похож на полюбившийся Vuex Посмотрел Redux, но меня смущает то что если хочешь дать доступ компоненту к стору то нужно писать mapState/DispatchToProps и коннектить + писать мешанину на экшн (мешанина = связка из константов + переброс этого всего в нужные свитчи)

Посмотри ещё в сторону mobx-state-tree

Kurzdor

Посмотри ещё в сторону mobx-state-tree

уже взял петуха с санками

Kurzdor

Народ, а есть чат по OAuth? А вдруг есть и кто то знает? И какие решения универсальные вы используете для этого?

Anonymous

задача твоя ясна и ответ я дал. Я бы сказал, что цена ее решения 500$

Я сделал поиск по дереву за 6 строк кода, какие 500$ 😂

Павел

Я сделал поиск по дереву за 6 строк кода, какие 500$ 😂

Красава

Kostya

Блин, что ж всем люди с тупыми собаками на аватарке такие же... Я говорю сделай в App.js Route path="/" Route path="/admin" -- тут проверяешь админ ли юзер, если нет, то бросаешь куда надо Все в одном Свитче

Все нормально у меня есть свой психиатр, и я внем не нуждаюсь! Я просто попросил чтоб поделились опытом да и все!

Kurzdor

Подскажите пожалуйста плагин инпут или селект поиск по дереву данных

react-select умеет в Async селект, подгружает данные с сервера https://react-select.com/async

Kurzdor

Все нормально у меня есть свой психиатр, и я внем не нуждаюсь! Я просто попросил чтоб поделились опытом да и все!

я и поделился, это по сути дефакто в Реакте, если не юзать некоторые решения

Kurzdor

Подскажите пожалуйста плагин инпут или селект поиск по дереву данных

но еще лучше попросите бакендера сделать поиск и отдачу только 5-10 максимум вариантов там можно и сохранять популярные варианты и их сразу отдавать, но это уже функционал как у гугла будет

Kostya

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

Kurzdor

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

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

Alexander

день добрый

Alexander

Пытаюсь понять как сделать webpack-based рендеринг

Sergey

Пытаюсь понять как сделать webpack-based рендеринг

Что это вообще значит

Alexander

то есть у меня есть компонент Import React from "react" function Message() { return <div><pan>Hello</span> World</div>} export default Message

Тимофей 🛴

то есть у меня есть компонент Import React from "react" function Message() { return <div><pan>Hello</span> World</div>} export default Message

Пиши в одном сообщении

Kurzdor

Что это вообще значит

человек пришел с верстки и не понимает в вебпак и реакт, норма 😎

Kurzdor

то есть у меня есть компонент Import React from "react" function Message() { return <div><pan>Hello</span> World</div>} export default Message

начни с create-react-app

Alexander

Не

Alexander

Я без него хочу сделать

Kurzdor

Я без него хочу сделать

LOL тогда иди в документацию вебпака и учи его, но там тебе сложно будет либо начни с create-react-app

Mihail

LOL тогда иди в документацию вебпака и учи его, но там тебе сложно будет либо начни с create-react-app

+

Alexander

есть файл <html>…<div id="root"></div>…</html> Хочу воткнуть <Meassage/> и получить <html>…<div id="root"><div><pan>Hello</span> World</div></div>…</html> Т.е. статическую разметку

Kurzdor

есть файл <html>…<div id="root"></div>…</html> Хочу воткнуть <Meassage/> и получить <html>…<div id="root"><div><pan>Hello</span> World</div></div>…</html> Т.е. статическую разметку

а нее так нельзя https://reactjs.org/docs/react-without-jsx.html только так

Alexander

Сейчас медитирую над https://reactjs.org/docs/react-dom-server.html

Kurzdor

ааа прочитай лучше про ssr на реакте

Alexander

И над https://github.com/GoogleChromeLabs/prerender-loader

Alexander

для ssr мне надо держать поднятый сервер?

Kurzdor

https://flaviocopes.com/react-server-side-rendering/ https://www.freecodecamp.org/news/demystifying-reacts-server-side-render-de335d408fe4/ https://blog.logrocket.com/why-you-should-render-react-on-the-server-side-a50507163b79/ https://itnext.io/server-side-rendering-with-react-redux-and-react-router-fa5b67d4965e а еще лучше взять некст и не парить мозги

Alexander

а как без него? Запустить скрипт и получить разметку

Daniil

для ssr мне надо держать поднятый сервер?

Ну а на чем ты хочешь хтмл обрабатывать и отдавать ?)

Kurzdor

и еще на клиенте нужен жс

Alexander

не, без яваскрипта на клиенте

Alexander

только в консоли отрендерить вебпаком или скриптом каким-нибудь и все

Kurzdor

без ноды на сервере хрен там

cd

только в консоли отрендерить вебпаком или скриптом каким-нибудь и все

а это не жс?

Alexander

без жс в браузере

cd

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

Kurzdor

ууу блтб ты бакендер шоле?) чот в голосину я щас

Alexander

для компонентного построения. Типа как БЭМ, только не БЭМ, а реакт

Daniil

Оно тебя сожрет

Sergey

для компонентного построения. Типа как БЭМ, только не БЭМ, а реакт

БЭМ - это методология

Alexander

я про большой БЭМ. Bem-tree, bem-json и прочее

Alexander

хочется чегото издалека похожего на реакте

Sergey

я про большой БЭМ. Bem-tree, bem-json и прочее

Это не большой бэм, а тулзы. Вдобавок чтобы рендерить bemxjst нужен сервер

Sergey

@skill_branch Может тебе статический сайт нужен?

Arthur

есть файл <html>…<div id="root"></div>…</html> Хочу воткнуть <Meassage/> и получить <html>…<div id="root"><div><pan>Hello</span> World</div></div>…</html> Т.е. статическую разметку

Отдельно отрендерь реакт и воткни полученную разметку в свою статику

Alexander

Так я и хочу это сделать. Не пойму как. И да без постоянно запущенного сервера

Sergey

Так я и хочу это сделать. Не пойму как. И да без постоянно запущенного сервера

Посмотри в сторону Гэтсби, там вроде можно чисто HTML генерить

Arthur

Так я и хочу это сделать. Не пойму как. И да без постоянно запущенного сервера

Ну есть пререндеринг, есть рендер в строку из реактдом/сервер

Alexander

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

Sergey

Посмотри в сторону Гэтсби, там вроде можно чисто HTML генерить

При сборке

Arthur

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

Ну вот выше тебе ответ

N

Всем привет

Тони

Всем привет. Кто-нибудь работал с google maps ? При том, что google maps реализовано на нативной части java/kotlin. Каким образом в этом случае происходит взаимодействие между react`ом и нативной частью?

N

У меня вопрос делаю запрос к api vk но получаю cors что не так?

N

Kirill

У меня вопрос делаю запрос к api vk но получаю cors что не так?

В настройках вк вроде надо свой домен прописать, прописал?

🐝 dmitriy

Хочу перевести для сообщества интересную статью по реакту, может кто встречал что-то интересное? Скиньте плиз

N

В настройках вк вроде надо свой домен прописать, прописал?

Да конечно

Arti 🦠

Привет. У меня маленький вопрос. Является ли нормой такой подход ? ├─ components/ │ ├─ BaseButton/ │ │ ├─ BaseButton.js │ │ ├─ index.js Суть вопроса как раз в index.js В нём код import BaseButton from './BaseButton' export default BaseButton

N

axios вообще может работать с vk api?

Kirill

Да конечно

А ты не с локали случаем?

N

А ты не с локали случаем?

нет