Всем привет! может кто помочь с eslint? У меня проблема переписать правило из плагина Постоянно кидает от одного исправления к другому { "extends": ["react-app"], "plugins": ["prettier"], "rules": { "prettier/prettier": "error", "quotes": [2, "single", { "avoidEscape": true }] } }

Потому что всё равно в том же react приходится так или иначе отслеживать что именно изменилось и когда, чтобы не рендерить лишний раз неизменившиеся поддеревья vdom. Но если нужно отслеживать изменения исходных данных и можно отслеживать взаимосвязь между данными и dom (через шаблоны, а не jsx), то vdom уже становится не нужен.

Я бы рекомендовал посмотреть на то, что же всё-таки под капотом реакта и не заниматься лишним контролем рендера

тут Router или Switch есть?

Нет, но ведь он рендерится внутри Cabinet компонента, который обёрнут в Роутер и Свитч

Или это не так работает?

Я бы рекомендовал посмотреть на то, что же всё-таки под капотом реакта и не заниматься лишним контролем рендера

И что я там должен увидеть?

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

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

electron

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

electron + react

спасибо

Интересно было бы провести опрос в группе )) типа “Удовлетворен ли я React-ом в повседневной жизни?” с вариантами ответа “Да, лучший фреймворк”, “Есть проблемы, но в принципе неплохо”, “Так себе, смотрю на другие фреймворки”, “Слинял с реакта и счастлив, полное г****”

В целом ок, непонятно только чего реакт такой жирный, преакт вроде делает всё то же самое но весит в десять раз меньше

В целом ок, непонятно только чего реакт такой жирный, преакт вроде делает всё то же самое но весит в десять раз меньше

это написано прямо на странице преакта

И что я там должен увидеть?

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

это написано прямо на странице преакта

Мм.. куда смотреть?

Это тут причём?

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

Если программисту дать апи, с помощью которого он будет делать херню, то да, нужно будет написать нетупую логику, которая будет обрабатывать эту херню.

Мм.. куда смотреть?

https://preactjs.com/guide/v8/differences-to-react/

Если программисту дать апи, с помощью которого он будет делать херню, то да, нужно будет написать нетупую логику, которая будет обрабатывать эту херню.

она нетупая, но при этом достаточно простая чтобы не начинать заранее о ререндерах париться

она нетупая, но при этом достаточно простая чтобы не начинать заранее о ререндерах париться

Ок, без проблем.

она нетупая, но при этом достаточно простая чтобы не начинать заранее о ререндерах париться

Ну вот редакс, эффектор, даже сам реакт в виде shouldComponentUpdate почему-то парятся о ререндерах и стараются как раз не делать лишних.

https://preactjs.com/guide/v8/differences-to-react/

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

она нетупая, но при этом достаточно простая чтобы не начинать заранее о ререндерах париться

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

а они есть

ребят, какую таблицу посоветуете использовать? React-table?

ребят, какую таблицу посоветуете использовать? React-table?

<table>

<table>

+

<table>

</table>

<table>

предлагаешь свою таблицу с сортировкой, фильрацией и тд?

предлагаешь свою таблицу с сортировкой, фильрацией и тд?

как связано отображение таблицы с сортировкой, фильтрацией и тд?

как связано отображение таблицы с сортировкой, фильтрацией и тд?

если есть готовые либы с реализацией, есть смысл делать это самому?

предлагаешь свою таблицу с сортировкой, фильрацией и тд?

да

если есть готовые либы с реализацией, есть смысл делать это самому?

Ты же не таблицу сортируешь, а данные, таблице всё равно

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

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

Не туда

если сайт на WordPress, то не туда (

если сайт на WordPress, то не туда (

на реакте )

Ребзи привет, кто нибудь подключал вебвизор yandex Metrika?

на реакте )

это я так… Думаю у тебя там не позиционирование с вычислениями, поэтому на группу по верстке тебе указали верно

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

юсреф, в юсефект, добавить аддевентлистенер на меню, по событию маусовер, и в колбеке открывать модалку

Ребзи привет, кто нибудь подключал вебвизор yandex Metrika?

кто-нибудь подключал. Вопрос-то в чем?

У меня на записанном видосе либо текст либо css не отображается

Сама запись есть, но она не отображает реальность

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

Понял?

юсреф, в юсефект, добавить аддевентлистенер на меню, по событию маусовер, и в колбеке открывать модалку

ё инглиш из перфект :D

юсреф, в юсефект, добавить аддевентлистенер на меню, по событию маусовер, и в колбеке открывать модалку

А можно без реф. Сразу маусовер на елементе

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

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

Тут же дети

ребят а почему default-ное значение switch-a не срабатывает в жетбраинс. почему нужно дописывать else после if

юсреф, в юсефект, добавить аддевентлистенер на меню, по событию маусовер, и в колбеке открывать модалку

Вопрос был не как открывать модалку, а как открывать ее там, куда навёл поинтер

Тут же дети

JQUERY IS NOT AS CRIME

Тут же дети

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

Привет, кто-нибудь пробывал в storybook в 1 таб закидывать несколько компонентов?

Вопрос был не как открывать модалку, а как открывать ее там, куда навёл поинтер

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

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

Наверное, те же чуваки, что юзают условный активформ из юи.

ребят а почему default-ное значение switch-a не срабатывает в жетбраинс. почему нужно дописывать else после if

в редюсерах if/else вообще не должно быть. Всю логику ебашь в экшенах. редюсеры оставь чистыми

Всем привет, можете помочь с пагинацией, нажимаю 1,2 и т.д. затем в поиске я ввожу к примеру "выаыва" данные не находит затем все ломается TypeError: Cannot read property 'map' of undefined Если данные в поиске я ввожу к примеру "10" соответственно он выдает и также TypeError: Cannot read property 'map' of undefined https://prnt.sc/pqlcdt https://prnt.sc/pqlcot https://prnt.sc/pqlezi

в редюсерах if/else вообще не должно быть. Всю логику ебашь в экшенах. редюсеры оставь чистыми

учту спасибо. только нужно будет импортнуть state в actions и там обрабатывать

учту спасибо. только нужно будет импортнуть state в actions и там обрабатывать

В песочнице гите есть? дай код глянуть

Всем привет, можете помочь с пагинацией, нажимаю 1,2 и т.д. затем в поиске я ввожу к примеру "выаыва" данные не находит затем все ломается TypeError: Cannot read property 'map' of undefined Если данные в поиске я ввожу к примеру "10" соответственно он выдает и также TypeError: Cannot read property 'map' of undefined https://prnt.sc/pqlcdt https://prnt.sc/pqlcot https://prnt.sc/pqlezi

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

привет, как можно узнать текущий роут?

привет, как можно узнать текущий роут?

this.props.history… ?

В песочнице гите есть? дай код глянуть

https://github.com/oruj91/in-hobby/tree/develop/src/store

в componentDidMount

Для чего учить реакт с 0, если будешь этот сайт юзать?https://reactjsexample.com/

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

Привет, можно ли изменить значение target? test = (arg) => { console.log(arg.target); } render() { return ( ... {this.props.users.map(user => ( <tr key={user.id}> <td>{user.id}</td> <td onClick={this.test}>{user.username}</td> <td>{new Date(user.date_joined).toLocaleDateString()}</td> <td onClick={this.test}>{user.names_groups}</td> <td> <button onClick={this.props.deleteUser.bind(this, user.id)} className="btn btn-light btn-sm"

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

getCookiek("promo") ЗАПЯТАЯ, функция, запятая. Wat?

getCookiek("promo") ЗАПЯТАЯ, функция, запятая. Wat?

и я о том же! но запятая как я понял в js возвращает последнее значение. то есть если сделаешь var s = asdasd, asdasd , asdasd; то вернется результат того что после последней запятой. ток непонятно зачем так надо было делать.

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

после вводу по поиску он возвращает underfine когда первый раз рендерит как в скриншоте видно массив возвращает...

после вводу по поиску он возвращает underfine когда первый раз рендерит как в скриншоте видно массив возвращает...

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

кстати насчет стейт менеджера, хочу reatom и effector глянуть, что более безболезно после redux ?

reatom (т.к. это про flux)

подскажите плз самую удобную современную ide для реакта, а то надоел веб-шторм

reatom (т.к. это про flux)

угу, твое и artalar мнение будет за него) Спасибо, попробую на небольшом проекте сча

угу, твое и artalar мнение будет за него) Спасибо, попробую на небольшом проекте сча

он не продакшн-реди ес чо

угу, твое и artalar мнение будет за него) Спасибо, попробую на небольшом проекте сча

Ну тут 50/50. Я просто прошёл цепочку нескольких СТМ, выбрал подходящее решение под задачи/требования. После этого и стал контрибьютить в Reatom

он не продакшн-реди ес чо

👀 уже несколько прод проектов делаются, брейкингов не будет. Табличка висит, т.к. минорам/патчами не хочется накидывать доку и рефакторинг.

👀 уже несколько прод проектов делаются, брейкингов не будет. Табличка висит, т.к. минорам/патчами не хочется накидывать доку и рефакторинг.

а пет-проект хоть один в опен-сорсе на нем есть?

дока-то по апи есть хоть у реатома? не могу найти

дока-то по апи есть хоть у реатома? не могу найти

В процессе, есть только краткое описание. По этой причине и висит табличка

угу, твое и artalar мнение будет за него) Спасибо, попробую на небольшом проекте сча

Кстати на днях добавили несколько гайдов в доку. https://artalar.github.io/reatom