а как он реализован. Т.е. когда я пишу код, он обрабатывается не интерпретатором javascript

а как он реализован. Т.е. когда я пишу код, он обрабатывается не интерпретатором javascript

ещё раз. babel парсит его, и преобразовывает в вызовы функций. это просто сахар

а как он реализован. Т.е. когда я пишу код, он обрабатывается не интерпретатором javascript

Он транспилируется в js с помощью babel

<div foo={bar}>baz</div> -> React.createElement(‘div’, { foo: bar }, “baz”)

<div foo={bar}>baz</div> -> React.createElement(‘div’, { foo: bar }, “baz”)

получается что babel работает поверх javascript просто преобразовывая его в синтаксиис знакомый javascript. и еще ECMA2015 это не babel случайно?

получается что babel работает поверх javascript просто преобразовывая его в синтаксиис знакомый javascript. и еще ECMA2015 это не babel случайно?

?

получается что babel работает поверх javascript просто преобразовывая его в синтаксиис знакомый javascript. и еще ECMA2015 это не babel случайно?

babel умеет превращать новый стандарт ecma, ещё не поддерживаемый браузерами и nodejs, в код который они поддерживают это основная цель babel но лучше читать всё это в документации. ибо это прям базовые знания

понятно, пошел читать

Добрый день. Друзья. Нужна помощь. Никак не могу понять. JSX это что? В javascript нет синтаксиса: const element = <h1>Hello, {name}</h1>; как javascript понимает что данный код это JSX по идее ошибка должна быть const element = <h1>Hello, {name}</h1>; VM317:1 Uncaught SyntaxError: Unexpected token <

Здесь наглядно показано как одно становится другим https://youtu.be/fg_YpbzRHmQ

Добрый день. Друзья. Нужна помощь. Никак не могу понять. JSX это что? В javascript нет синтаксиса: const element = <h1>Hello, {name}</h1>; как javascript понимает что данный код это JSX по идее ошибка должна быть const element = <h1>Hello, {name}</h1>; VM317:1 Uncaught SyntaxError: Unexpected token <

https://reactjs.org/docs/react-without-jsx.html

Как правильно написать? const Arrow = styled.div` &:after { background: ${<Icons.ArrowCursor />} } ` Так не работает (

JSX - это про HTML, не про css

самый быстрый админ на диком западе

Как правильно написать? const Arrow = styled.div` &:after { background: ${<Icons.ArrowCursor />} } ` Так не работает (

вообще не так)

JSX - это про HTML, не про css

так-то jsx - это про js )

так-то jsx - это про js )

Под капотом - понятное дело. Но пользовательская абстракция: JSX элемент == HTML элемент

Смысл в том что в css его не вставить. Либо описывай через css отображение \ скрытие иконки, либо импортируй сурс иконки

Под капотом - понятное дело. Но пользовательская абстракция: JSX элемент == HTML элемент

<MyWidget /> HTML?

За вопросами статистики в google trends

как их юзать с classnames?

<MyWidget /> HTML?

Да https://learn.javascript.ru/webcomponent-core

как их юзать с classnames?

прям также как в документации

и ещё вопрос, как вы именуете контейнеры и компоненты? Например, у меня есть контейнер Sidebar и куча разметки которая должна, по сути, лежать в отдельном компоненте тоже с именем Sidebar. Как вы решали данную проблему?

и ещё вопрос, как вы именуете контейнеры и компоненты? Например, у меня есть контейнер Sidebar и куча разметки которая должна, по сути, лежать в отдельном компоненте тоже с именем Sidebar. Как вы решали данную проблему?

Layout Header Sidebar SidebarList SidebarItem Layout

Layout Header Sidebar SidebarList SidebarItem Layout

Спасибо.

Кто-нибудь может похвалить/поругать redux-form? Сейчас вяжу DOM через ссылки (ref) к одному объекту и пробегаюсь по кючас, когда надо собрать данные. Так по моему будет менее затратно, чем redux-form будет при кажом change каждого элемента вызывать render. Или я не так думаю?

Кто-нибудь может похвалить/поругать redux-form? Сейчас вяжу DOM через ссылки (ref) к одному объекту и пробегаюсь по кючас, когда надо собрать данные. Так по моему будет менее затратно, чем redux-form будет при кажом change каждого элемента вызывать render. Или я не так думаю?

Сам не пользовался, но задумался бы 20 раз перед тем, как тащить либу размером с сам Реакт лишь для контроля форм

Подскажите кто как longpress определяет в react на мобилках

Сам не пользовался, но задумался бы 20 раз перед тем, как тащить либу размером с сам Реакт лишь для контроля форм

Да вот и думаю. Не тяжело самомоу обертку накидать для сбрасывания состояния формы в store...

https://twitter.com/acdlite/status/1007062696141787136

Кодсплитинг с суспенсой подобен кодсплитингу без суспенсы только с суспенсой

Подскажите кто как longpress определяет в react на мобилках

так же как без реакта

@ZeroBias он же пошутил, да?)

— Your react library is one of my favs along with redux. Thank you — I hate both those libraries and it currently my mission to destroy them but I’m glad you enjoy them and they have solved your problems

Здравствуйте. Прошу не пинать тапками, работать с api начал совсем не давно. У меня есть вот такая функция onSubmit - https://gist.github.com/demidborodin/92031d6d01db6001fc7fceb3273b1ca6 И вот такой action - https://gist.github.com/demidborodin/e0ade01e802908d4acd4dd85ca642150 В функции onSubmit есть комментарий, на который я прошу обратить внимание, мне бы хотелось делать редирект только тогда, когда запрос уже действительно совершился. Сейчас же, редирект происходит тут же, и новые данные перерисовываются в тот момент, когда пользователь уже находится на странице. В какую сторону мне гуглить? Единственное что мне пока приходит в голову, это передать CB, в action, и дергать его в then, после firebase, но мне кажется это не правильно.

@ZeroBias он же пошутил, да?)

Просто в оригинале не про реакт было ?

Там парой постов выше

И да, он серьезно))

И да, он серьезно))

? Я видел, да. А чего он рекомпоз так не взлюбил?

Пятиминутки ненависти в фейсбуке

Смотрите, я делаю throw с промисами

Короче, пасан сильно переживает из-за популярности хоков (хотя они, естественно, тоже не нужны)

Короче, пасан сильно переживает из-за популярности хоков (хотя они, естественно, тоже не нужны)

Не нужны в пользу render-props?

Смотрите, я делаю throw с промисами

???

Всем привет, кто-нибудь использовал это? https://github.com/react-tools/react-table Там почему-то написано, что есть поддержка дерева, но по факту это пивотинг. И в общем, не могу найти никакой достойной таблицы(с возможностью рендерить кастомные колонки, бэкенд пагинации-сортировки и прочее), которая бы поддерживала обычный tree-view. Можете что-нибудь посоветовать?

Кстати что такое пивотинг?

Кстати что такое пивотинг?

Аггрегация по полю(полям)

Всем привет, кто-нибудь использовал это? https://github.com/react-tools/react-table Там почему-то написано, что есть поддержка дерева, но по факту это пивотинг. И в общем, не могу найти никакой достойной таблицы(с возможностью рендерить кастомные колонки, бэкенд пагинации-сортировки и прочее), которая бы поддерживала обычный tree-view. Можете что-нибудь посоветовать?

Нихуясебе вот это пиздец как е] делали это ебать меня в рот

Нихуясебе вот это пиздец как е] делали это ебать меня в рот

Чито?

Чито?

за их поделие нужно медаль дать, слишком круто

за их поделие нужно медаль дать, слишком круто

В целом да, очень хорошая таблица и быстрая, но вот почему-то tree-view не завезли

ERROR: S client not available

В целом да, очень хорошая таблица и быстрая, но вот почему-то tree-view не завезли

тебе нужно что именно? дерево фалов отобразить?

тебе нужно что именно? дерево фалов отобразить?

Нет, чтобы дерево было в таблице.

Нет, чтобы дерево было в таблице.

хз, а зачем такое извращение?

хз, а зачем такое извращение?

Не понял. Какое извращение?

Не понял. Какое извращение?

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

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

Хорошая шутка

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

Стандартная treetable

Стандартная treetable

ну или treegrid

Наверное, есть смысл присмотреться к покупке какого-то пака виджетов на чистом js, где есть таблицы, пивоты, гантт чарты и прочее. Может кто-то покупал у себя в компании/работе/для себя что-то подобное?

сколько видел тс + реакт, аж плакать хочется 50% кода лапша от типизации, которая мешает понимать сам код

трабла в редуксе)

и хоках

Всем привет, кто-нибудь использовал это? https://github.com/react-tools/react-table Там почему-то написано, что есть поддержка дерева, но по факту это пивотинг. И в общем, не могу найти никакой достойной таблицы(с возможностью рендерить кастомные колонки, бэкенд пагинации-сортировки и прочее), которая бы поддерживала обычный tree-view. Можете что-нибудь посоветовать?

А что такое пивотинг?

А что такое пивотинг?

агрегация по полю(полям)

а есть примерчик где-то?

@SashaSasha1107

а есть примерчик где-то?

Чего именно, пивотинга?

Или того, что надо?

Чего именно, пивотинга?

пивотинга, ага

Или того, что надо?

Ну и того что надо тоже интересно, если есть где-то)

Ну и того что надо тоже интересно, если есть где-то)

Вот пример пивотинга: https://react-table.js.org/#/story/tree-table-hoc

А то что надо - обычный treegrid/treetable

жесть какая-то

?