[React] React Apollo Hooks 사용하기

Hooks는 리액트 v16.8에 도입되었습니다. Hooks를 사용하면 함수형 컴포넌트에서도 상태관리와 다양한 작업들을 할 수 있습니다. 이번에는 React에서 Apollo Hooks 를 사용하는 방법을 안내합니다. 설치하기 npm install react-apollo-hooks # or yarn add react-apollo-hooks 참고: https://github.com/trojanowski/react-apollo-hooks react-apollo-hooks 사용하기 react-apollo-hooks를 사용하기 위해 다음과 같이 작성 합니다. 루트 컴포넌트를 로 감쌉니다. 그리고 ApolloProvider의 client에 ApolloClient를 전달합니다. import React from 'rea..

• format_list_bulleted 개발/리액트(React)
• · 2019. 6. 19.
• textsms

🚀 리액트에서 ESlint + Prettier + Airbnb Style 한방에 셋팅하기

안녕하세요. 안피곤입니다. 협업으로 개발할때는 코딩 스타일과 코드 가독성이 매우 중요합니다. 이걸 좀더 편하게 할 수 있는 도구가 있어서 소개합니다. ESLint는 자바스크립트 문법을 검사해줍니다. 그리고 Prettier는 작성된 코드를 규칙에 따라 이쁘게 정리해줍니다. 제가 주로 사용하는 VSCode 에디터를 기준으로 설명합니다. 비슷한 다른 에디터도 설정 방식이 비슷할 것이라고 생각합니다. VSCode를 실행하고 ESLint와 Prettier 익스텐션을 설치합니다. ESLint 설치하기 설치링크: https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint Prettier 설치하기 설치링크: https://marketplace...

• format_list_bulleted 개발
• · 2019. 5. 15.
• textsms