так в этом и вопрос, нахера это сделано?? если эти слова и так слитно написаны же

так в этом и вопрос, нахера это сделано?? если эти слова и так слитно написаны же

может ты ещё пишешь вместо link ssylka?

он пишет Vue вместо React

поэтому у него бомбит

😂

он пишет Vue вместо React

😅

не писал вуй, там что не пишут в кэмалкейсе?

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

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

^

^

почему их нет?

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

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

😳

ну странный доеб на самом деле рли. забыл, что autocomplete пишется ловеркейсом на инпуте, но даже так, что дальше-то? это все равно не HTML

точно так же можно сказать: "какова хуя мой редактор не понимает v-bind и прочее"

@Kl4ssT ну как там успехи ?

Пока на другую задачу пришлось переключиться

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

Так как JSX ближе к JavaScript, чем к HTML, React DOM использует соглашение об именовании свойств в верблюжьейНотации, вместо имен HTML-атрибутов. Например, class становится className в JSX, а tabindex становится tabIndex.

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

Тире*

Тире*

поправил

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

В React все свойства и атрибуты DOM (включая обработчики событий) должны быть в стиле camelCase. Например, HTML-атрибут tabindex соответствует атрибуту tabIndex в React. Исключение составляют атрибуты aria-* и data-*, которые следует писать в нижнем регистре. В частности, вы можете оставить aria-label как aria-label.

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

как миниму читать удобней, лол

React реализует независимую от браузера систему DOM для повышения производительности и кроссбраузерной совместимости. Это позволило избавиться от некоторых шероховатостей в браузерных реализациях DOM.

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

https://mobile.twitter.com/dan_abramov/status/931154668918591488

Ответ солнцеликого

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

https://mobile.twitter.com/dan_abramov/status/931154668918591488

а, значит не я один загорелся от этого дерьма

Упрямый ты

но onclick так и пишется же onclick даже если это дом свойство

onClick

Вообще-то

пишется в кэмлкейсе

как и куча других ивентов

и autocomplete тоже пишется

и autocomplete тоже пишется

Пойми ещё раз

Что на реакте ты пишешь js код

вы твит солнцеликого прочтите сами

А не разметку

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

ну ответ солцеликого почему так "потому что можем себе это позволить"

Такой вопрос: я использую formik. В одном из случаев когда я начинаю быстро набирать, то начинается сильна задержка ввода и время спустя и вижу в консоли сообщение "[Violation] 'input' handler took 155ms". В чем может быть причина подлаг ивания при вводе?

Ребята, как разобраться в этой строчке в конфиге: ReactComponent: '@svgr/webpack?-svgo,+titleProp,+ref![path]', Мне нужно добавить конфиг для svgo, что почитать что бы сделать это? еще не понимаю что за синтаксис с "+titleProp, +ref![path]'. Где про это почитать?

Всем привет. Есть такая структура проекта: App Main Modal модалка закрывается с компонента Modal и открывается с компонента Main. Состояние которое отвечает за модалку находится в App. И вот возник вопрос что мне надо ее закрывать в компоненте Modal. Как тут лучше сделать, вынести в redux store состояние модалки, что бы везде был доступ к ней, или же вынести с Modal всю логику в App?

можно на хуках написать

тогда не придется тащить редакс

тогда не придется тащить редакс

Например ?

Как хуки заменяют в твоём понимании

тогда не придется тащить редакс

я пока что хотел бы без хуков обойтись

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

Просто спросил ибо в App придется много чего вынести. И оно как мне кажеться будет его перегружать но в ту же очередь можно ли в редаксе хранить не особо важное состояние для модалки (true / false)

Просто спросил ибо в App придется много чего вынести. И оно как мне кажеться будет его перегружать но в ту же очередь можно ли в редаксе хранить не особо важное состояние для модалки (true / false)

стейт модалки в локальный

есть тут кто юзает аполо, только вплане прослойку под него лепит?

что бы с реста под аполо сделать

что бы с реста под аполо сделать

Apollo link rest, не идеальная штука, но если нет типов то норм

стейт модалки в локальный

спасибо🙏

Apollo link rest, не идеальная штука, но если нет типов то норм

я имею ввиду рест апи, перегнать для графа, вот такое делает кто?

Кто-нибудь Next.js с Apollo юзал ? Префетчи работают?

Кто-нибудь Next.js с Apollo юзал ? Префетчи работают?

да, используй getDataFromTree из react-apollo будет тебе ssr

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

тут что гифки нельзя постить? я хотела спросить как сделать анимаху одну))

Я пока новичок,хотел бы узнать ,зачем используется apollo?)

для графа

тут что гифки нельзя постить? я хотела спросить как сделать анимаху одну))

В css можешь спросить)

@css_ru

спасибо)

вместо autocomplete="something" нужно писать autoComplete

Потому что представление в браузере и в js разное

Потому что представление в браузере и в js разное

??

ты про дом свойства и дом атрибуты?

вместо autocomplete="something" нужно писать autoComplete

https://ru.reactjs.org/docs/dom-elements.html

https://ru.reactjs.org/docs/dom-elements.html

Там только констатация факта, не более.

Причины нет.

короче будем считать, что они и правду хотели сделать название атрибутов более единобразными, ибо tabIndex, className свойства у дом элементов реально есть, но autoComplete нет, но есть autocomplete

Предупреждение: Поскольку JSX ближе к JavaScript чем к HTML, React DOM использует стиль именования camelCase для свойств вместо обычных имён HTML-атрибутов. Например, class становится className в JSX, а tabindexстановится tabIndex.

цирк короче

https://ru.reactjs.org/docs/introducing-jsx.html

Предупреждение: Поскольку JSX ближе к JavaScript чем к HTML, React DOM использует стиль именования camelCase для свойств вместо обычных имён HTML-атрибутов. Например, class становится className в JSX, а tabindexстановится tabIndex.

а я думал className используется для ухода от совпадения с class (который declaration), как например атрибут for для label, который меняем на htmlFor🤔

а я думал className используется для ухода от совпадения с class (который declaration), как например атрибут for для label, который меняем на htmlFor🤔

класснейм именно для этого и класснейм а не класс)