Size: a a a

React: русскоязычное сообщество

2020 October 13

_

_Nazarek_ in React: русскоязычное сообщество
const [state, setState] = useState(null);
   const stateRef = useRef(null);

   useEffect(() => {
       const someobject = { state: 'state' }
       setState(...someobject);
       return () => {
           console.log(stateRef.current); // someobject
       }
   }, []);

   useEffect(() => {
       stateRef.current = state;
   }, [state])
источник

_

_Nazarek_ in React: русскоязычное сообщество
вот так работает
источник

A

Aliaksandr in React: русскоязычное сообщество
ребята подскажите почему в доке react рекомендуют обрабатывать ошибки в then 2 аргементом а не в catch ?
источник

AW

Adam West in React: русскоязычное сообщество
Aliaksandr
ребята подскажите почему в доке react рекомендуют обрабатывать ошибки в then 2 аргементом а не в catch ?
Тут вроде фишка в том, что catch  у тебя обработает/выбросит ошибку, а у тебя ниже идёт блок if, который "ждет" эту ошибку, чтобы вывести подробности на экран.
источник

A

Aliaksandr in React: русскоязычное сообщество
Adam West
Тут вроде фишка в том, что catch  у тебя обработает/выбросит ошибку, а у тебя ниже идёт блок if, который "ждет" эту ошибку, чтобы вывести подробности на экран.
здесь точно не об этом тут упор на том чтобы процессить ошибки во 2 аргументе then против использования catch
источник

AW

Adam West in React: русскоязычное сообщество
Aliaksandr
здесь точно не об этом тут упор на том чтобы процессить ошибки во 2 аргументе then против использования catch
Хотя по сути then вторым аргументом делает ровно тоже что и catch. Тут может ещё контекст такой, что ошибки при запросе fetch в первом блоке then должны выбрасываться и ловиться где-то вышe, чтобы catch его не ловил, а в этом then ошибка выводится чисто в этом компоненте на стадии парсинга из json? Больше нет предположений :Ъ
источник

A

Aliaksandr in React: русскоязычное сообщество
Adam West
Хотя по сути then вторым аргументом делает ровно тоже что и catch. Тут может ещё контекст такой, что ошибки при запросе fetch в первом блоке then должны выбрасываться и ловиться где-то вышe, чтобы catch его не ловил, а в этом then ошибка выводится чисто в этом компоненте на стадии парсинга из json? Больше нет предположений :Ъ
посути делает тоже - но не совсем если ошибка свалится во 2 then (в перевой его части) она не будет обработана
источник

A

Aliaksandr in React: русскоязычное сообщество
поэтому возник вопрос о приемуществе этого способа - пока что я вижу только недостаток
источник

AW

Adam West in React: русскоязычное сообщество
Aliaksandr
посути делает тоже - но не совсем если ошибка свалится во 2 then (в перевой его части) она не будет обработана
Протестил, ошибка обрабатывается во втором then().
источник

A

Aliaksandr in React: русскоязычное сообщество
Adam West
Протестил, ошибка обрабатывается во втором then().
fetch('https://jsonplaceholder.typicode.com/todos/1')
 .then(response => response.json())
 .then(json => {
          console.log(json)
           throw new Error('ошибкинс')
     },  
          (error) => {
           console.log(error)
      }).catch(e => console.log(e, 'вот тут да'))
источник

A

Aliaksandr in React: русскоязычное сообщество
Adam West
Протестил, ошибка обрабатывается во втором then().
убери catch и посмотри
источник

AW

Adam West in React: русскоязычное сообщество
Aliaksandr
убери catch и посмотри
Я про первый then()
источник

A

Aliaksandr in React: русскоязычное сообщество
Adam West
Я про первый then()
)) коммент прочитай мой)
источник

A

Aliaksandr in React: русскоязычное сообщество
я про 2 then)
источник

AW

Adam West in React: русскоязычное сообщество
А во втором смысла особо нет, если ты уже поулчил и распарсил данные, то ошибка уже будет точно не в вызовах хуках.
источник

A

Aliaksandr in React: русскоязычное сообщество
поэтому меня интересует профит почему они предпочитают все-таки этот способ
источник

A

Aliaksandr in React: русскоязычное сообщество
Adam West
А во втором смысла особо нет, если ты уже поулчил и распарсил данные, то ошибка уже будет точно не в вызовах хуках.
скажем так во 2 наврятли будет ошибка но все же вдруг там исп утилита со сложной логигой а апиха невалидные данные отает
источник

v

volt in React: русскоязычное сообщество
Привет всем, кто юзал фрейм styled components, есть ли по нему статья или видео по best practices, т.е где и как хранить стилевые компоненты, или стоит ли их вообще разделять от обычных компонентов?
источник
2020 October 14

T

Typical_Front_End in React: русскоязычное сообщество
volt
Привет всем, кто юзал фрейм styled components, есть ли по нему статья или видео по best practices, т.е где и как хранить стилевые компоненты, или стоит ли их вообще разделять от обычных компонентов?
источник

T

Typical_Front_End in React: русскоязычное сообщество
​​Неплохая презентация от Анны Селезневой по
styled-components:

https://askd.rocks/pres/styled-gdg/
источник