Телеграмм чат группы javascript

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

источник

00:14пожаловаться #13

Arthur Irgashev in JavaScript.Ninja

никак :)

для коллбеков это и не нужно. им главное получить доступ к актуальному стейту
а это делается вот так

const [state, change] = useState(); 
const stateRef = useRef(); 

useEffect(() => {stateRef.current = state;}, [state]); 

const doSmth = useCallback(() => stateRef.current...., [])

источник

00:14пожаловаться #14

Johnny Davis 🏴 in JavaScript.Ninja

Добрый вечер! Такой вопрос:

Какие самые типичные проекты можно сделать React.js разработчику 🤷‍♂️ чтобы привлечь внимание работодателя. Смотрел CV и githubs своих "конкурентов"/коллег и понимаю что мы и правда «кирпичи в одной кладке».

источник

00:14пожаловаться #15

Arthur Irgashev in JavaScript.Ninja

а если нужно обновить именно стейт, то можно дёрнуть forceUpdate({})

источник

00:14пожаловаться #16

Yuri Strelets in JavaScript.Ninja

да в рефе можно много чего полезного хранить ))

источник

00:16пожаловаться #17

Arthur Irgashev in JavaScript.Ninja

const [_, forceUpdate] = useState({});

const stateRef = useRef({
  state: {}, 
  doSmth() {
   this.state = 'hello, world'
 }
})

const changeValue = useCallback((value) => {
   stateRef.doSmth(value); 
   forceUpdate() 
})

источник

00:17пожаловаться #18

Arthur Irgashev in JavaScript.Ninja

вот )

источник

00:17пожаловаться #19

Arthur Irgashev in JavaScript.Ninja

но это такое, тоже применяется примерно 1 раз в 10 лет

источник

00:17пожаловаться #20