Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Jul 23 01:22
    coolitea commented #6
  • Jul 23 01:22
    coolitea commented #6
  • Jul 12 06:41
    coolitea commented #6
  • Jul 12 01:48
    coolitea commented #6
  • Jul 12 01:20
    coolitea commented #6
  • Jul 12 01:16
    coolitea commented #6
  • Jul 08 08:15
    coolitea commented #6
  • Jul 08 08:15
    coolitea commented #6
  • Jul 01 04:45
    coolitea commented #6
  • Jul 01 04:43
    coolitea commented #6
  • Jul 01 04:41
    coolitea commented #6
  • May 03 04:44
    kineo2k commented #6
  • Aug 16 2018 06:44
    kellis93 commented #6
  • Apr 19 2018 11:57
    feel5ny commented #6
  • Apr 13 2018 07:31
    gnujoow commented #6
  • Apr 13 2018 05:25
    wonism commented #6
  • Apr 13 2018 03:09
    jidogoon commented #6
  • Aug 11 2017 05:22
    arkist commented #66
  • Aug 10 2017 14:59
    graykick commented #66
  • Aug 08 2017 10:25
    firepunch opened #66
Jaeho Lee
@sairion
쟝고에 웹팩 바른 걸 한번 글로 써볼까 하네요(사실 그냥 django-webpack-loader 업데이트가 안되서 생기는 문제일 뿐이긴 한데...먼산)
Alucard
@ifndefdeadmau5
const App = props => {
  const [data, setData] = useState(0);
  const [login] = useMutation(LOGIN);

  const onLoginSubmit = async ({ id, pass }) => {
    setData(1);
    const { error, data } = await login({ ... });
    setData(2);
  };

  return (
    <div>
      ...Passing `on LoginSubmit` to somewhere downside to be called later...
    </div>
  );
};
대충 간략화한 코드인데요... 실행하면
Warning: Can't perform a React state update on an unmounted component. 워닝이 뜨면서
state 변경하는 코드가 전혀 안먹습니다, 보니까 login 을 부르면 unmount 되는 것 같은데
저 안에서 state 를 변경하려면 어떻게 해야 될까요?
Jinwoo Oh
@arkist
useMutation 내부가 궁금해지네요
Alucard
@ifndefdeadmau5
하 기본적인 hooks-of-rule에 걸리는군요 ㅠ
아니..rules of hooks
저거슨 graphql-hooks 패키지에서 가져왔습니다
문서도 안읽는 제 불찰..
Jinwoo Oh
@arkist
뭔가 상위 레벨 컴포넌트에서 변경이 일어나면서 App이 다시 실행되는거죠?
login아래 setData는 그 후에 일어나버리고
Alucard
@ifndefdeadmau5
네네
Jinwoo Oh
@arkist
방향을 찾으신거 같으니.. 건투를 빕니다 흐흐
Alucard
@ifndefdeadmau5
감사합니다 ㅎㅎ
Jinwoo Oh
@arkist
흑흑
Jaeho Lee
@sairion
사실상 구글월드
사실 크롬 1부터 쓴 사람이라 할말은 없지만...
Jongwon.Sin
@sinpk16
webpack은 리액트 프로젝트 생성후에 설치해야하는건가요?
Jaeho Lee
@sairion
프로젝트 생성후...가 어떤 의미로 쓰신것에 따라 다르겠지만 직접 손으로 설정하시는 것이면 그렇죠
create react app을 사용하시면 직접 까실 필요는 없구요
Alucard
@ifndefdeadmau5
폼만드는건 언제나 귀찮네요
ㅜㅡ
새로울것도 없어 항상 노가다느낌
Jinwoo Oh
@arkist
후딱 만들떈 https://github.com/jaredpalmer/formik 이 좀 괜찮더군요
Alucard
@ifndefdeadmau5
그거 훅버전이 없어서 https://github.com/kevinwolfcr/formal 요놈 쓰다가
이제 곧 폼익도 훅버전으로 릴리즈하려는거 같네요
Jaeho Lee
@sairion
이상하게 폼 만들 일이 별로 없네요
간단한건 걍 손으로다가..
어짜피 서버에서 발리데이션을 해야해서 대충하는듯(웃음)
Dmitriy
@dmitriy.__gitlab
Hey Guys, i wanna enhance my skills in react and any other technologies like redux, mobx, react-native etc. And i looking for internship or junior position. Maybe first time for free. I'll be glad to any suggestions
Alucard
@ifndefdeadmau5
@@
Lee Jun Hyuk
@miriyas
예전에 redux-arc 관련 질문을 썼었는데, 이제 redux를 안쓰게 되네요
hook을 써보니까 신세계네요. 그 목말랐던 코드 길이 줄이기가 한층 편해졌습니다. 이 좋은걸 왜 이제서야..
Jaeho Lee
@sairion
저도 슬슬 hooks를 써보려고 생각중이에요
Lee Jun Hyuk
@miriyas
네 정말 코드 깔끔해지고 양 자체가 줄어들게 되어요
Lee Jun Hyuk
@miriyas
하는 김에 그저께 쓴 리액트 트랜지션 강좌 올려봅니다
Jaeho Lee
@sairion
ui컴포넌트용으로 carbon이라는 걸 써볼까 하는데 괜찮을지 모르겠네요
배하람
@baeharam
데이터가 없는 일반 사이트를 리액트로 구현해보는 것도 도움이 될까요?
Jaeho Lee
@sairion
데이터가 있는 걸 해보시는 쪽이 좋긴 하겠지만
크게 상관은 없을 것 같네요
컴포넌트 설계라든지 컴포넌트의 요구사항을 구현하는 것이라든지 등도 가능하니까요
Won Kim
@cmygray
리액트 컴포넌트 유닛테스트 하실 때 둘 중 어떤 방식이 좋다고 생각하시는지 의견이 궁금합니다.
  1. 컴포넌트 메서드 호출하는 방식
  2. 엘리먼트에 이벤트를 발생시켜 바인딩 메서드를 호출하는 방식
sl kim
@lexifdev
훅을 사용하면 컴포넌트 메소드가 존재하지 않는 컴퍼넌트를 만들게 되어서.. 저는 브라우저에서 테스트를 돌립니다.
Won Kim
@cmygray
아.. 클래스 컴포넌트 테스트 방식에만 익숙해서 그 부분은 미처 예상을 못했네요
Alucard
@ifndefdeadmau5
react-testing-library 가 아예 사용자 관점에서 테스트를 하도록 유도해서 좋던데요
내부구현에 의존하지 않고
1번 방법은 변경에 취약할 것 같습니다
Won Kim
@cmygray
의견 감사드립니다.