본문 바로가기

FrontEnd/React

[React&Redux]보일러 프로젝트를 통한 리덕스

https://github.com/StephenGrider/ReduxSimpleStarter.git


다음 주소를 clone 하고 npm을 설치하자




우리가 만들 앱 형태는 다음과 같음


리덕트는 사용하지 않을거임


앱을 설명하면


search부분에서 검색을 하면


우측의 Video들이 바뀌게 되고


Video를 클릭하면


왼쪽측의 Video들이 실행되어 질것


처음 시작하는 프로젝트를 열어보면 다음과 같은 셋팅


우리는 서버를 열어서 index.html을 실행시킬 것


div class= container는 컴포넌트들이 담길 root이고


bundle.js는 마지막으로 웹팩이나 바벨이 싹다 정리해서 하나의 자바스크립트 파일로 만들었을 때의 파일임.



'FrontEnd > React' 카테고리의 다른 글

[React] 컴포넌트 분리 및 searchbar  (0) 2018.12.29
[React&Redux]리액트란?  (0) 2018.12.29
[Error] POST https://localhost:3000/ 404  (0) 2018.12.29
[FrontEnd]FacebookLogin  (0) 2018.12.28
[FrontEnd]로그인 폼 submit!  (0) 2018.12.26