Pull to refresh

Comments 11

Как новичок в использовании React скажу — автору спасибо! Кое-что из статьи подчерпнул!
Плюсану, тек тоже понемногу начинаю осваивать React, поэтому статья очень полезная вышла!

Отказался от JSX везде кроме view. И там тоже подумываю отказаться. Это hollywar, конечно, но нативный React ( в плане рендеринга ) мне пришелся больше по вкусу и удобству

Всмысле отказался от JSX везде кроме view? А где еще JSX используется?


Вот это


React.createElement(
  MyButton,
  {color: 'blue', shadowSize: 2},
  'Click Me'
)

Удобнее вот этого?


<MyButton color="blue" shadowSize={2}>
  Click Me
</MyButton>

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


Свойства так же формируются динамически довольно часто и их гораздо удобнее формировать как объект.


Ну и да. Нотация функции лично мне удобнее и читается она довольно просто. Дело привычки и аккуратности кода. Опять же повторюсь — это субъективно. Лючно мое мнение

А где, кроме view, используется jsx?
Да и jsx это синтаксический сахар для работы с dom, почему он не нативный?

При построении каскадов элементов упрпвляющей логики. Кроме ToDo list бывают же еще приложения иони, как правило, сложнее, имеют вложенную иерархичную структуру где view элементы находятся в самом верху.
JSX это, как вы правильно заметили, синтакситечкий сахар, который треюует предобработкм, для трансляции в нативное для React представлерие, коим занимается babel.

Например, для построения маршрутов в react-router
Интересует опыт команд, где верстальшики и js-разработчики — это разные люди. Как организован workflow с применение React?
Например:
дали дизайн -> сверстали -> отдали разрабам, они разбили на компоненты и натянули клиентскую логику -> и тут внезапно надо один компонент подправить в плане вёрстки после небольшого редизайна, а другой абсолютно новый компонент вставить… как быть?

И ещё вопрос, насколько сложно вернуться через пол года к jsx-коду и проследить всю иерархию компонентов, чтобы что-то переверстать…

Проблема в том, что в данном случае верстальщики уже начинают пользоваться только css. Хотя ориентироваться в таком коде верстальщику не трудно, ибо единственное что ему понятно — JSX, остальное он обычно не понимает, да ему и не надо.
Для просмотра иерархии… Вообще я обычно использую специальное дополнение для хрома, которое показывает эту иерархию в смешанном виде (JSX/DOM). Вообще это достаточно удобная вещь. А вот чисто из кода эту иерархию искать трудно, ибо каждый элемент вообще не зависит от своего отца.

UFO just landed and posted this here
Sign up to leave a comment.

Articles