@defaultvoice custom-react-scripts?

@defaultvoice custom-react-scripts?

Есть такой вариант https://github.com/ayroblu/ssr-create-react-app-v2

Тут CRA с прикрученным SSR

А что насчёт поддержки?

В смысле?

Это просто пример

Это не бойлерплейт

Всем привет. Суть проблемы. Есть устройство с слабым процом, без мышки (т.е. управление только с клавы). Есть двольно длинный список скроллинг которого нужно анимировать. Удалось добиться 40 фпс анимации, но только в том случае если весь список уже отрендеренный. Но, рендеринг списка занимает 1,5 секунды что очень много. Вот примерно что у меня получилось. https://gist.github.com/Lurk/a5accb810935f712231d99b5d1d6797c Есть ли какой-нибудь кошерный способ отложенного рендеренга (пока реакт файбер не взлетел)?

А. А за custom-react-scripts может тогда кто пояснит? Они обновляются вслед за фейсбуком?

Это react-scripts с возможностью инжектить в конфиги бабеля и вебпака

Но я хз даже

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

initRef = (myComponent) => { myComponent.method(); } <MyComponent ref={this.initRef} />

Ни разу не тащил сам CRA на сервер

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

вот у вас же реально классный сайтик про ковры, допилили бы, jQuery все дела, зря на реакте начали)))

Sergey посмотри на react-virtualized https://github.com/bvaughn/react-virtualized

Sergey посмотри на react-virtualized https://github.com/bvaughn/react-virtualized

Спс. Читаю.

а как файлы в аксиосе аплоадить?

вот это пытаюсь прицепить — он его так и оправляет

:/

content-type: multipart/form-data

Нэ?

хм

Вообще он автоматом это должен делать, по-идее

а есть нормальный пакет который инкапсулирует вот это https://material.io/icons в пакет?

А, ну и да

Проще будет через объект FormData

const formData = new FormData(); formData.append('file', file); formData.append('filename', file.name);

Тогда он автоматом разрулит content-type

ну да ну да

да, с формдатой заработало

спасибо

Пожалуйста

а есть нормальный пакет который инкапсулирует вот это https://material.io/icons в пакет?

material-design-icons :)

от гугла

внутри либо делаешь так

либо svg напрямую

file-loader / url-loader должен хандлить шрифты

если через шрифты подключил то на свой span добавляешь класс .material-icon

recompose будет делать свой shim на withContext/getContext когда контекст вырежут с реакта?

Ща кто-т бан схлопочет

а почему кидать джобсы нельзя?

виноват

а почему кидать джобсы нельзя?

есть отдельный канал для этого

виноват

@javascript_jobs тебе сюда. Ток почитай правила оформления вакансии сперва

Вот крутой канал

Ещё бы кинуть код на растерзание куда-нибудь)))

Друзья, а кто может мне человеческим языком объяснить чем функция в ref лучше чем строка?

Друзья, а кто может мне человеческим языком объяснить чем функция в ref лучше чем строка?

Тем что строки депрекейтед

у тебя линтер охуел

спасибо, Евгений

Друзья, а кто может мне человеческим языком объяснить чем функция в ref лучше чем строка?

строка - this.props.refs.input ф-ция - this.props.input

а

строка - this.props.refs.input ф-ция - this.props.input

В смысле

В функции можно что угодно назначить

строка - this.props.refs.input ф-ция - this.props.input

функиця вообще что угодно куда угодно положить может

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

el => this.el = el

не будет, там же переменные из ниоткуда берутся

ERROR: S client not available

let elem el => elem = el

В функции можно что угодно назначить

ну не буду же я сейчас все варинты перечислять

А пропсы причем тут?

Евгений, а почему по-вашему депрекейтед там?

Просто так?

Ты написал так, как будто можно назначить this.props.input

{ classes, ...rest } { width, height } = rest

Евгений, а почему по-вашему депрекейтед там?

Это не по-моему депрекейтед, это по фейсбуку депрекейтед https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/no-string-refs.md

ну не буду же я сейчас все варинты перечислять

нет всех вариантов, функция ОБРАБАТЫВАЕТ РЕФ, так, как ей хочется

о боже

Зачем они задепрекетили - нет идей, да?

ну например потому что нахуй иметь зарезервированное имя? и так this.state и this.props зарезервиили

https://facebook.github.io/react/docs/refs-and-the-dom.html#legacy-api-string-refs https://github.com/facebook/react/pull/8333#issuecomment-271648615 https://stackoverflow.com/questions/37468913/why-ref-string-is-legacy

Мне в принципе несложно погуглить да

{ classes, ...rest } { width, height } = rest

тык, я props из ModalWin буду передавать в Dialog

тык, я props из ModalWin буду передавать в Dialog

я к тому, что после { classes } у тебя НЕТ ПЕРЕМЕННОЙ props в функции

посмотри на свою функцию с точки зрения языка

и охуей

я к тому, что после { classes } у тебя НЕТ ПЕРЕМЕННОЙ props в функции

ага, а она мне пока и не нужна)

блять

внимательно посмотри

на что у тебя написано

что я тебе написал

что изменилось

и почему

Лол

ты ПОЛЬЗУЕШЬСЯ переменной пропс

камон

я тоже погуглю так и быть https://stackoverflow.com/questions/37468913/why-ref-string-is-legacy