какие только костыли не сделают лишь бы не писать нормально jsx

это JSX костыль

мирового масштаба

писать функции XML-ом

это JSX костыль

так мб перейти на vue/ang?

надо же до такой хуйни додуматься

так мб перейти на vue/ang?

зачем, если мне реакт нравится?

мне не нужен HTML вообще

нравится реакт - не нравится jsx, ну вы даете, дядя

есть функции которые генерят дом, это заебись

нравится реакт - не нравится jsx, ну вы даете, дядя

пиздец, реакт === jsx?

А что плохо в jsx, собственно?

пиздец, реакт === jsx?

ну типа того

пиздец, реакт === jsx?

ну скажем его важная часть

писать на реакте без jsx это пиздец как странно. Настолько пиздец, что такой код надо выкидывать потом

то, что XML это язык для описания сруктуры, а не для функций

писать на реакте без jsx это пиздец как странно. Настолько пиздец, что такой код надо выкидывать потом

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

то, что XML это язык для описания сруктуры, а не для функций

а это и не XML это JS Extended

Ребят, можно ли в обработчик события передавать параметры, например onClick={this.handleButtonClick("123")}

А что плохо в jsx, собственно?

просто писала на джейде, хамле, слиме, ерб, нативном хтмл и jsx мне сейчас нравится больше всего.

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

А потом сделали нормальный сахар

просто писала на джейде, хамле, слиме, ерб, нативном хтмл и jsx мне сейчас нравится больше всего.

+

просто писала на джейде, хамле, слиме, ерб, нативном хтмл и jsx мне сейчас нравится больше всего.

ты должна понимать что JSX это НЕ РАЗМЕТКА

JSX это абстракция не над функциями А как раз над структурой компонентов

то, что XML это язык для описания сруктуры, а не для функций

А кроме xml подобного синтаксиса?

Ребят, можно ли в обработчик события передавать параметры, например onClick={this.handleButtonClick("123")}

можно обернуть в функцию onClick={() => this.handleButtonClick("123")}

Почаны, кто то делал Resizable Columns без сторонних либ?

ты должна понимать что JSX это НЕ РАЗМЕТКА

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

ну JSX ограничивает

можно обернуть в функцию onClick={() => this.handleButtonClick("123")}

давайте делать стрелки в jsx

ну JSX ограничивает

ну так и правильно

можете подсказать вот этот абзац по рекапче? https://github.com/dozoisch/react-google-recaptcha#component-api это через refs нужно делать?

Где бы сейчас был реакт без разумных ограничений?

ты должна понимать что JSX это НЕ РАЗМЕТКА

Мне проще представлять ту штуку как разметку с некоторыми особенностями.

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

если ты уже пишешь на реакте, то для тебя не должно существовать понятия ВЕРСТКА

Мне проще представлять ту штуку как разметку с некоторыми особенностями.

Как абстракцию над разметкой.

у тебя есть поток функций, который генерирует дом

у тебя есть поток функций, который генерирует дом

точно так же делает браузер из твоего хтмл и дальше что?

там все прелести функций, типа рекурсивности

если ты уже пишешь на реакте, то для тебя не должно существовать понятия ВЕРСТКА

это невозможно))

/* @jsx console.log */

короче, я не одну тимку подсадил на no jsx подход

все довольны

там все прелести функций, типа рекурсивности

а потом сидишь и смотришь на то, что невозможно понять как тут рекурсей рендерится html и пиздец

да, я больной ублюдок

Ребят, можно ли в обработчик события передавать параметры, например onClick={this.handleButtonClick("123")}

Не стоит. Лучше создать отдельный метод, в котором вызывать нужную тебе функцию с параметрами.

а потом сидишь и смотришь на то, что невозможно понять как тут рекурсей рендерится html и пиздец

там все возможно, неделю так попишешь и все поймешь

все довольны

у нас в конторе coffee jsx, все тоже довольны

потому что это ближе к тому, что под капотом

но на это смотреть больно

у нас в конторе coffee jsx, все тоже довольны

ой блять

rm -rf /projectname; mkdir projectname && cd $_; npm init -f

jsx очень красиво работает. Правда чем более он красиво работает тем больше тормозит в итоге. Но и это лечится....

там все возможно, неделю так попишешь и все поймешь

нах надо я люблю четкую декларативность jsx это дает из коробки

jsx очень красиво работает. Правда чем более он красиво работает тем больше тормозит в итоге. Но и это лечится....

Как jsx может тормозить? бред не неси

проще написать

там все возможно, неделю так попишешь и все поймешь

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

Ребят, есть проект на laravel+react, собирается через laravel-mix. Дело в том, что он криво собирает модули. К примеру если я подключаю модуль в app.js, а он свою очередь делает require к другому модули, то мне выбрасывает ошибку Cannot find module "./package"

Как jsx может тормозить? бред не неси

jsx в общем виде генерирует СИЛЬНО больше html кода.

Ребят, есть проект на laravel+react, собирается через laravel-mix. Дело в том, что он криво собирает модули. К примеру если я подключаю модуль в app.js, а он свою очередь делает require к другому модули, то мне выбрасывает ошибку Cannot find module "./package"

блядь, опять php иди нахрен

items.map((item, key) => li({key}, item.value))

у нас в конторе coffee jsx, все тоже довольны

Я видела интеграцию рельсов с реактом. Видела прототип.жс с ангуляром и нокаутом. Но кофе в реакте слишком даже для меня

jsx в общем виде генерирует СИЛЬНО больше html кода.

Блядь Ты вообще в реакте не разбираешься?

лол

items.map((item, key) => li({key}, item.value))

с jsx это будет:

Я видела интеграцию рельсов с реактом. Видела прототип.жс с ангуляром и нокаутом. Но кофе в реакте слишком даже для меня

ну так рельсы с реактом как раз и дают кофе с jsx )

ERROR: S client not available

хотя лично я при создании нового проекта первым делом выпиливаю нафиг кофе

ну так рельсы с реактом как раз и дают кофе с jsx )

лол там даже рельсовики кофе с реактом не пишут уже

jsx в общем виде генерирует СИЛЬНО больше html кода.

открой Elements в дебагере и ты сильно удивишься

как приятно быть бэкэндером )

{ items.map((item, key) => (<li key={key} >{item.value}</li>)) }

Совершенно не разбираюсь, есно дело. Даже не понимаю к чему тут аппелировать. "Компонентный" подход привел к тому, что заместо одного <li>{username}</li> получается 4 слоя компонентов на 40 html тэгов и итоге. Потому что smart/dumb+connect и так три раза подряд. Архитектура!

с jsx это будет:

{items.map(item => <li key={item.id}>{item.value}</li>)}

jsx просто конвертит элементы в вызовы React.createElement

{ items.map((item, key) => (<li key={key} >{item.value}</li>)) }

сразу тебе руки отломать за index в качестве key

а если нет id?

Совершенно не разбираюсь, есно дело. Даже не понимаю к чему тут аппелировать. "Компонентный" подход привел к тому, что заместо одного <li>{username}</li> получается 4 слоя компонентов на 40 html тэгов и итоге. Потому что smart/dumb+connect и так три раза подряд. Архитектура!

блядь Ты просто нихрена не умеешь в react Один тэг <div /> в react даст столько же тегов в html

что ты вообще говоришь?

блядь Ты просто нихрена не умеешь в react Один тэг <div /> в react даст столько же тегов в html

Спасибо. Но я как раз умею. Я активно страдаю от тех кто считает что он тормозить не умеет, что делает красивые и правильные компоненты с single responsibility.

зачем путать html и dom?

блядь Ты просто нихрена не умеешь в react Один тэг <div /> в react даст столько же тегов в html

чооо )

блядь Ты просто нихрена не умеешь в react Один тэг <div /> в react даст столько же тегов в html

реакт не делает html

он делает DOM блеать

реакт не делает html

react-dom

jsx <div /> -> html <div></div>

реакт не делает html

ещё один не знайка

ну разве что SSR

ну так рельсы с реактом как раз и дают кофе с jsx )

там без кофе было. Но учитывая как у меня вытекают глаза от бэкбона + кофе, то реакт + кофе будет для меня кошмаром.

он делает DOM блеать

реакт делает дом?

реакт не делает html

react jsx -> REACTBLACKBOX -> html

??

что за бред тут просиходит? )

только при серверном рендеринге делается html

Спасибо. Но я как раз умею. Я активно страдаю от тех кто считает что он тормозить не умеет, что делает красивые и правильные компоненты с single responsibility.

ты не умеешь готовить реакт

для того чтобі передать его текстом в браузер

html это просто текст

только при серверном рендеринге делается html

не приебывайся к словам То что реакт дергает методы браузера чтобы создать dom элементы, которые описываются html-тегами и отображаются в инспекторе как html тебе ни о чем не говорит?

ты не умеешь готовить реакт

Его готовить можно по разному, и с разными целями в уме - или правильно с точки зрения програмирования, или правильно с точки зрения конечного пользователя.