FLUX 패턴

사용자 입력을 기반으로 Action을 만들고 Action을 Dispatcher에 전달하여 Stor의 데이터를 변경한 뒤 view에 반영하는 단반향으 흐름으로 애플리케이션을 만드는 아키텍쳐입니다.

각 요소들은 단방향 흐름에 따라 순서대로 역할을 수행하고, View로 부터 새로운 데이터 변경이 생기면 처음부터 다시 이 순서대로 실행합니다. 이렇게 함으로써 예외 없이 데이터를 처리할 수 있게 되었습니다.

참조 : https://baegofda.tistory.com/237

콜백 함수 () => {} // 개인으로 알기위해 적은 것
css 유저 관점에서!!
e.preventDefault는 고유 동작을 중단시키고, 
e.stopPropagation 는 상위 엘리먼트들로의 이벤트 전파를 중단시킨다.