ну в смысле, лендос обмазан сео рекомендациями, урлы на основный сайт

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

ну в смысле, лендос обмазан сео рекомендациями, урлы на основный сайт

так видосов 100500 нада шоб каждый сьело

ну вот да

как с этим хуй знает лучше

тут походу лендосом не прокатит

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

ну и сука любимое это чпу

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

модальное окно по опредлению должно блочить все приложение, так что всегда fixed

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

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

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

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

видосы не с ютуба(

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

то есть, по-хорошему, как лучше сделать: Перенести все модули с видео приложения на ССР Или можно сделать отдельную страницу на ССР, в который будет списко видосов с пагинацией?

Привет, а есть какие-нибудь минусы использования глобальных инстансов/синглтонов, например у меня сокет по проекту раньше гулял через контекст + hoc, но приятнее просто делать import { socket } from 'lib/socket' где export const socket = new SocketClient() Или я где-то в итоге обосрусь с такой /временной/ реалзиацией

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

Ребят, кто использует Formik, скажите как пробросите name аттрибут для каждого кастомного инпута?

Ребят, кто использует Formik, скажите как пробросите name аттрибут для каждого кастомного инпута?

name={myCoolName}

то есть, по-хорошему, как лучше сделать: Перенести все модули с видео приложения на ССР Или можно сделать отдельную страницу на ССР, в который будет списко видосов с пагинацией?

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

name={myCoolName}

Не, все равно варнинг

Да и просто стрингой тоже по идее должно работать

Вот, хотя я name передаю как в доке

твой компонент AuthInputComponent в props получит name поставь его на свой input

Тоже так думал, но нет

Тоже так думал, но нет

props.input.name или props.name?

props.name

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

те изоморфное приложение сделали в итоге?

props.input.name или props.name?

и с id тоже не воркает

те изоморфное приложение сделали в итоге?

у нас да, но у нас бэк на фалконе был, были хитрости (костыли) для рендера шаблонов, если юзать ноду можно кормить одни и те же шабоны, ничего сложного быть не должно

Это условие, если disable_donate = true, тогда отрендерит <DonateInformer/> && возвращает последнее трушное, оно “запинается на лжи”, а если “лжи” нет, тогда возвращает последнюю “правду”

Привет, а есть какие-нибудь минусы использования глобальных инстансов/синглтонов, например у меня сокет по проекту раньше гулял через контекст + hoc, но приятнее просто делать import { socket } from 'lib/socket' где export const socket = new SocketClient() Или я где-то в итоге обосрусь с такой /временной/ реалзиацией

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

props.name

props.field.name

стоит прочитать как работает && в js

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

а если опустить написание тестов? 🌚

props.field.name

Вот в field есть, спасибо

Вот в field есть, спасибо

читай доку, там все очень хорошо написано

а если опустить написание тестов? 🌚

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

читай доку, там все очень хорошо написано

спс

спс

https://jaredpalmer.com/formik/docs/api/field#component

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

Несомненно, но легаси требует крови

это не глупость, а просто пробел в знаниях)

Несомненно, но легаси требует крови

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

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

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

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

вот только переделать с нуля тебе не даст бизнес. Так что я бы лучше старался хотя бы новый код делать качетвенее. А дальше интеграционные тесты и рефакторинг

вот только переделать с нуля тебе не даст бизнес. Так что я бы лучше старался хотя бы новый код делать качетвенее. А дальше интеграционные тесты и рефакторинг

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

Ребят, приветосики

у меня такая ошибка

как это исправитЬ? :D

дебажишь и смотришь, почему у тебя initialData вместо массива стала boolean типом

Всем привет, может кто подскажет: Есть список ссылкок, внутри каждой ссылки есть несколько DOM элементов. Нужно по клику на ссылку или на элементы внутри неё что-то сделать. Использую React 16.8 + Typescript 3.4.5. Повесил обработчик onClick на родителя этих ссылок. Надо перехватить DOM элемент ссылки на которую нажал пользователь, либо на DOM элементы внутри неё. Простой event.target не прокатит. Кто как ищет «нужного» родителя при клике? У меня сейчас функция: findDelegateElement = (element: HTMLElement, targetTag: string): HTMLElement => { let tempElement = element; while (tempElement.tagName !== targetTag) { tempElement = tempElement.parentNode; } return tempElement; } Typescript пишет ошибку TS2322: Type '(Node & ParentNode) | null' is not assignable to type 'HTMLElement'. Type 'null' is not assignable to type 'HTMLElement'. На строчку, где родительский элемент присваиваю. Гугл пока не помог как сделать по другому

@Kiramick @js_noobs_ru

Ребят подскажите есть такая конструкция: const CurrentStepComponent = steps[currentStep].component; Я беру компонент и рендерю его в зависимости от индекса, т.е в .component лежит <Component />. Я его вывожу так: {CurrentStepComponent}, возможно ли в таком случае как-то передать пропсы, если да, то как?

Ребят подскажите есть такая конструкция: const CurrentStepComponent = steps[currentStep].component; Я беру компонент и рендерю его в зависимости от индекса, т.е в .component лежит <Component />. Я его вывожу так: {CurrentStepComponent}, возможно ли в таком случае как-то передать пропсы, если да, то как?

никак

спасибо

React.cloneElement

лучше где он <Component /> передавать данные

> .component лежит <Component /> почему не Component ?

тогда можно будет <CurrentStepComponent props... />

React.cloneElement

да, забыл про него

Ребят подскажите есть такая конструкция: const CurrentStepComponent = steps[currentStep].component; Я беру компонент и рендерю его в зависимости от индекса, т.е в .component лежит <Component />. Я его вывожу так: {CurrentStepComponent}, возможно ли в таком случае как-то передать пропсы, если да, то как?

render() {return <CurrentStepComponent {...props}/>}

Ребят подскажите есть такая конструкция: const CurrentStepComponent = steps[currentStep].component; Я беру компонент и рендерю его в зависимости от индекса, т.е в .component лежит <Component />. Я его вывожу так: {CurrentStepComponent}, возможно ли в таком случае как-то передать пропсы, если да, то как?

component тут у тебя должна быть ссылка на компонент

render() {return <CurrentStepComponent {...props}/>}

то тогда надо [n].component = Component, а не = ()=><Component />

render() {return <CurrentStepComponent {...props}/>}

Ващет так : const CurrentStepComponent = arr[n].component render () { <CurrentStepComponent {...props}/> }

вы ебнутые? я написал все точно тоже самое

вы ебнутые? я написал все точно тоже самое

Да

Добрый день, кто работал с антд, пытаюсь в колонку таблицы добавить колонку чекбоксов (Checkbox component), но вываливается такая вот ошибка, кто подскажет в чем беда? { dataIndex: 'checkbox', key: 'checkbox', render: () => { return ( <div> <Checkbox defaultChecked={false} disabled /> </div> ); }, },

Всем привет) Ребята, посоветуйте качественную технологию авторизации с использованием jwt на react+redux

Хорошо что совы нема. Технология авторизации, редакс, jwt. Прям бинго

Добрый день, кто работал с антд, пытаюсь в колонку таблицы добавить колонку чекбоксов (Checkbox component), но вываливается такая вот ошибка, кто подскажет в чем беда? { dataIndex: 'checkbox', key: 'checkbox', render: () => { return ( <div> <Checkbox defaultChecked={false} disabled /> </div> ); }, },

ну тут по ходу трабла в самом чекбоксе (в компоненте), он просто рендерится нормально ? проверь просто попробуй чекбокс воткнуть куда ни будь

Добрый день, кто работал с антд, пытаюсь в колонку таблицы добавить колонку чекбоксов (Checkbox component), но вываливается такая вот ошибка, кто подскажет в чем беда? { dataIndex: 'checkbox', key: 'checkbox', render: () => { return ( <div> <Checkbox defaultChecked={false} disabled /> </div> ); }, },

Import React

Import React

🙂 лол, действительно - может быть и так

Хорошо что совы нема. Технология авторизации, редакс, jwt. Прям бинго

хех

@nahasaki засейвил мое время, спасибо)

@ruvata34 thx

Ребята, можете пример простого spa кинуть, если у кого есть. Я только учу реакт, но хочу увидеть правильную архитектуру и тп.

Ребята, можете пример простого spa кинуть, если у кого есть. Я только учу реакт, но хочу увидеть правильную архитектуру и тп.

https://github.com/howtocards/frontend

Ребята, можете пример простого spa кинуть, если у кого есть. Я только учу реакт, но хочу увидеть правильную архитектуру и тп.

тысячи их, и ни одной «правильной» 🙂 бери примеры с самой доки

тысячи их, и ни одной «правильной» 🙂 бери примеры с самой доки

Не надо примеры из доки, денчик уже насоветовал

архитектура сильно зависит от конечного стека