6월, 2018의 게시물 표시

ReactEurope 2018

이미지
ReactEurope 2018  주요 주제 및 샘플코드, 컴포넌트 소개 ReactEurope은 프랑스 파리에서 열리는 React 개발자 행사입니다. 2016년부터 시작하여 올해로 세번째 이며, 1000여명 이상 꽤 큰 행사입니다. 이번에 좋은 기회가 생겨 참석할 수 있었네요. 본 포스팅에서는 이 행사에서 다룬 세세한 기술적 내용보다는, 여기에서 소개된 컴포넌트의 간략한 정보와 링크, 그리고 주요 아젠다에 대한 샘플코드를 소개하도록 하겠습니다. 전체 내용은 아래 참고링크 란 - 유투브 채널 - 의 링크를 들어가면 보실 수 있습니다.
| 한줄요약 "Suspense" 2016년 Hoc, 2017년 Render Prop을 거쳐 올해는 온통 Suspense 이야기네요.
| 샘플코드  Repohttps://github.com/FormidableLabs/react-europe-workshopgit clone https://github.com/aweary/react-europe-workshop 아래 설명에 나오는 샘플코드의 main repo는 위와 같습니다. git clone으로 코드를 내려받고 각각의 위치에서  npm run start 혹은 yarn start 를 치면 앱이 실행됩니다.
| 주요 주제 그럼 이번 컨퍼런스에서 다룬 주요 주제를 하나씩 간략하게 다뤄보도록 하겠습니다.
Context샘플코드: https://github.com/FormidableLabs/react-europe-workshop/tree/master/exercises/context/solution React 16.3 부터 새로운 버전이 릴리즈 되었습니다. Prop Drilling의 어려움을 극복하기 위해 나왔으며 성능 저하의 걱정없이 적극적으로 사용해도 됩니다.
Context를 사용하는 대표 라이브러리는 다음과 같습니다.
react-routerreduxmobXstyled-componentetc... 사실은 다 씁니다. (Enact 에서도 많이 씁니다) 다음과 같은곳에서 Context를 …