Я реально надеюсь, что меня не настигнет участь не работающего npm start

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

Тень неработающего npm start стоит за каждым разрабом, она приходит тогда когда ты обновляешь ноду и у тебя все летит 🙈

На каком этапе это вообще происходит ?

Реально когда ноду обновляешь ?

Реально когда ноду обновляешь ?

У тебя к примеру есть sass модуль и он может начать ругаться после обновления ноды и ты не сможешь забилдить свой проект и идёшь искать решение проблемы в интернете,делаешь npm rebuild node-sass и всё работает дальше и это наверняка не всё что может быть

клуб свидетелей Димыча)

Я так понял что из-за вэб пака вся тусовка начинается ?

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

Возможно,но я так глубоко в эту проблему не влезал,может такое же будет и на gulp...он же тоже использует JSON файл и node_modules так что может и он не без греха,так что я бы на вебпак не скидывал всё грехи

мне то, что делать?

мне то, что делать?

ты какой командой устанавливал реакт?

мне то, что делать?

не пиши только Да

всё, пропал чувак.

Ребят, всем привет. У каждой строки таблицы прописан бордер-топ. Нужно сделать так, чтобы при наведении на строку удалялся бордер не только у нее, но и у строки ниже. Как это сделать? В какую сторону думать?

npx create-react-app my-app

всё, пропал чувак.

Что такое ENOENT?

npx create-react-app my-app

значит, всё правильно делал

npx create-react-app my-app

Ты уверен что ты это сделал в той директории в которой работаешь?

это уже сложно

Потому что многие начинают работать там где нет ничего

Ребят, всем привет. У каждой строки таблицы прописан бордер-топ. Нужно сделать так, чтобы при наведении на строку удалялся бордер не только у нее, но и у строки ниже. Как это сделать? В какую сторону думать?

Через :hover

API_KEY проверь

там все нормально...

Через :hover

элемент ниже я как получу?

это уже сложно

Кроч, если npx create-react-app my-app ты сделал добуквенно ,то ищи папку my-app и там уже вводи свой npm start , сейчас ,по скрину ты в другой папке

элемент ниже я как получу?

Наверное никак, нужно что-то другое

там все нормально...

Cross-Origin Resource Sharing (CORS)

Кроч, если npx create-react-app my-app ты сделал добуквенно ,то ищи папку my-app и там уже вводи свой npm start , сейчас ,по скрину ты в другой папке

Ок, спасибо

я вроде нашел что в css можно соседний элемент через "+" взять, не знаешь насчет этого?

Не знаю, впервые слышу

Почитай, может действительно поможет

Ну вообще через js можно, но я так понимаю, что ты ищешь что-то более простое

Типа как непосредственно через css сделать это

я вроде нашел что в css можно соседний элемент через "+" взять, не знаешь насчет этого?

+ это просто следующий после например h1 + p это если <h1>Hi</h1><p>Test</p><p>no</p> С Test что-то сделает а с no ничего не произойдет

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

только можно ли классы так брать?

Всем пртвет

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

тильда оба p выделит из моего примера, да

Читал инфу, что реакт в методе componentDidMount если встречает setState, то обновляет компонент без видимости для пользователя Но как такое возможно, если componentDidMount вызвается после того, как элемент отрендорен и пользователь его видит

Как при наведении на один элемент менять стили другого элемента? - Stack Overflow на русском https://ru.stackoverflow.com/questions/293281/%D0%9A%D0%B0%D0%BA-%D0%BF%D1%80%D0%B8-%D0%BD%D0%B0%D0%B2%D0%B5%D0%B4%D0%B5%D0%BD%D0%B8%D0%B8-%D0%BD%D0%B0-%D0%BE%D0%B4%D0%B8%D0%BD-%D1%8D%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82-%D0%BC%D0%B5%D0%BD%D1%8F%D1%82%D1%8C-%D1%81%D1%82%D0%B8%D0%BB%D0%B8-%D0%B4%D1%80%D1%83%D0%B3%D0%BE%D0%B3%D0%BE-%D1%8D%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D0%B0

Читал инфу, что реакт в методе componentDidMount если встречает setState, то обновляет компонент без видимости для пользователя Но как такое возможно, если componentDidMount вызвается после того, как элемент отрендорен и пользователь его видит

Хороший вопрос, сам им задовался

Читал инфу, что реакт в методе componentDidMount если встречает setState, то обновляет компонент без видимости для пользователя Но как такое возможно, если componentDidMount вызвается после того, как элемент отрендорен и пользователь его видит

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

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

Но compoenentDidMount сработает тогда, когда элемент будет видеть пользователь

Но compoenentDidMount сработает тогда, когда элемент будет видеть пользователь

в этом и прикол виртуал дома. как я понимаю он подождет и покажет уже после второго рендера

вот в доке написано You may call setState() immediately in componentDidMount(). It will trigger an extra rendering, but it will happen before the browser updates the screen. This guarantees that even though the render() will be called twice in this case, the user won’t see the intermediate state.

Я читал про это но немогу понять

Как такое возможно, если тот метод будет вызывть только после обновления dom

так а какая альтернатива?

в конструкторе сайд ефекты делать и будет беда бедой

Мы походу не понимаем друг друга. Мне интересно почему оно так работает, а Вы мне даете причину

Почему сайд ефекты в cDM ?

Почему сайд ефекты в cDM ?

Потомучто есть уже component

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

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

а если с домом что-то связано то логично что он уже нужен тоже

поэтому и два рендера

Как я понимаю раньше был componentWillMount и там синхронные сетСтейт делали, теперь его в конструктор они перенесли, а если асинхронный то по природе таких вызовов их не ждут, потому что классика event loop и как джс работает. так понятнее немного?

https://twitter.com/dan_abramov/status/982315319493570561 вот Ден Абрамов тоже самое говорит и схема ивентов там же

Как я понимаю раньше был componentWillMount и там синхронные сетСтейт делали, теперь его в конструктор они перенесли, а если асинхронный то по природе таких вызовов их не ждут, потому что классика event loop и как джс работает. так понятнее немного?

Не, все ровно не понимаю, почему мы не видим промежуточный пендеринг)

Не, все ровно не понимаю, почему мы не видим промежуточный пендеринг)

разве нет?

Не, все ровно не понимаю, почему мы не видим промежуточный пендеринг)

если бы не видели то никто б не делал constructor() { this.state = { isLoading: true } } componentDidMount() { this.setState({isLoading: false}) } render() { return( this.state.isLoading ? <Spinner/> : <Whatever/> ) }

Так это и не увидят

Увидят если будет асинхронный

Запрос

Но два рендера будет

Вызвано

да. так и не понимаю в чем вопрос) первый рендер сразу после конструктора, второй после compDidMount

Вопрос в том что написанно, что если в cdM будет вызван setState, то это приведет к дополнителлному рендерингк, который ПОЛЬЗОВАТЕЛЬ НЕ УВИДИТ, но как он не увидит, если cdM вызывается СРАЗУ ПОСЛЕ ОБНОВЛЕННОЙ ИНФЫ НА ЭКРАНЕ

Вопрос в том что написанно, что если в cdM будет вызван setState, то это приведет к дополнителлному рендерингк, который ПОЛЬЗОВАТЕЛЬ НЕ УВИДИТ, но как он не увидит, если cdM вызывается СРАЗУ ПОСЛЕ ОБНОВЛЕННОЙ ИНФЫ НА ЭКРАНЕ

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

Вопрос в том что написанно, что если в cdM будет вызван setState, то это приведет к дополнителлному рендерингк, который ПОЛЬЗОВАТЕЛЬ НЕ УВИДИТ, но как он не увидит, если cdM вызывается СРАЗУ ПОСЛЕ ОБНОВЛЕННОЙ ИНФЫ НА ЭКРАНЕ

если вдруг найдешь в коде скинь. интересно стало

а что нужно изменить в проекте create-react-app, чтобы при npm run BUILD оно собралось нормально? там какая-то одна строчка где-то должна быть изменена, вроде homepage

оп. нашёл

Вопрос в том что написанно, что если в cdM будет вызван setState, то это приведет к дополнителлному рендерингк, который ПОЛЬЗОВАТЕЛЬ НЕ УВИДИТ, но как он не увидит, если cdM вызывается СРАЗУ ПОСЛЕ ОБНОВЛЕННОЙ ИНФЫ НА ЭКРАНЕ

чет я тупил. все он нормально рендерит два раза, просто глаз не видит

Вопрос в том что написанно, что если в cdM будет вызван setState, то это приведет к дополнителлному рендерингк, который ПОЛЬЗОВАТЕЛЬ НЕ УВИДИТ, но как он не увидит, если cdM вызывается СРАЗУ ПОСЛЕ ОБНОВЛЕННОЙ ИНФЫ НА ЭКРАНЕ

просто написал супер просто приложение и поставил дебагер export default class App extends React.Component { state = { style: { position: "absolute", top: "0", height: "100px", width: "100vw", background: "red" } }; componentDidMount() { /* setTimeout( () => this.setState(prevState => ({ style: { ...prevState.style, background: "blue" } })), 0 ); */ this.setState(prevState => ({ style: { ...prevState.style, background: "blue" } })); } render() { debugger; return <div style={this.state.style}>hello world</div>; } } там надо будет много много раз нажимать на следующее, сначала красным покрасит и выведет, потом синим. если сделать асинхронный то все ок и можно заметить. если синхронно, то его не видно первый рендер, но он есть

кто делал подписаться/отписаться через сервак на 64 уроке у всех так работает что первые 3 пользователя с ошибкой а остальные работают?

ну что ж, с 3 попытки удалось устроиться на галеру. всем остальным самураям, удачи в трудоустройстве😎👍

ну что ж, с 3 попытки удалось устроиться на галеру. всем остальным самураям, удачи в трудоустройстве😎👍

Поздравляю! Рассказывай чо как, как долго учил? Какая зп, какой город?

Ребят, посоветуйте где можно арендовать хороший VDS либо выделенный сервак

ну что ж, с 3 попытки удалось устроиться на галеру. всем остальным самураям, удачи в трудоустройстве😎👍

Так всё же то собеседование было удачным 😌 поздравляю🙂в офис ? удалёнка?

Тень неработающего npm start стоит за каждым разрабом, она приходит тогда когда ты обновляешь ноду и у тебя все летит 🙈

Юзай NVM и сведешь подобное к минимуму