이 샘플 프로젝트에서는 React/Redux 응용 프로그램을 빌드하기 위한 반응 웹 사이트 라이브러리의 사용을 보여 줍니다. 나는 jquery-3.2.1.slim.min.js가로드 된 반응 리모콘 프로젝트에서 src/index.html 것을 볼 수 있습니다. jquery가 이 프로젝트에서 실제로 사용되는 경우 왜 그런가요? 그리고 나는 그것을 제거하는 경우 다른 방법으로 해결해야할 것인가? 마지막으로 ReactJS 및 Flux로 서비스의 아키텍처를 다시 작성하기로 결정했습니다. 단방향 반응성 데이터 흐름 및 클라이언트 및 서버 측 렌더링을 허용하는 가상 DOM과 같은 몇 가지 이유가 있습니다. 그들은 또한 ReactJS 를 중심으로 성장하는 커뮤니티의 중요성을 강조했습니다. 이 프로젝트는 ReactJS와 라이브러리 D3, 하이 차트 및 반응 구글맵의 구현이 포함되어 있습니다. react-website 라이브러리는 @preload()ing 페이지, http 요청, 태그 설정, 프로그래밍 방식 탐색 등과 같은 단순성을 위해 여기에 전시되지 않은 많은 유틸리티를 포장합니다. 출력 파일에 대한 dist 디렉터리를 참조하십시오. 출력 파일은 클라우드(예: Amazon S3)에 업로드할 수 있으며 URL을 index.html에 매핑하여 “정적” 웹 사이트로 매우 저렴한 가격으로 호스팅할 수 있습니다. 구성 요소 아키텍처로 인해 페이지를 다시 로드할 필요 없이 알림, 주석 및 게시물 공감을 실시간으로 표시할 수 있습니다. 뉴스피드도 마찬가지입니다 – 새로운 게시물이 라이브로 표시될 수 있습니다. 코드 미러, Markedjs 및 만들기 반응 응용 프로그램과 매우 간단하지만 유용한 마크 다운 미리보기 및 마크 다운 편집기 카탐페타민 / 반응 웹 사이트 – 기본 예에서 새로운 릴리스의 알림을 원하십니까? 내가 사용하엄 하는 웹팩을 사용할 필요가 있다 공감 앱 헤이 에슬람 만들기! 그것은 가치의 다행. 내 모든 샘플은 CRA와 같은 CLI 도구를 사용하여 “무대 뒤에서”어떤 종류의 일이 일어나는지 인식할 수있는 유일한 의도로 “수동”방식으로 만들어졌습니다.

나는 수동 방법은 학습에 좋은 생각합니다. CRA는 예를 들어 많은 개발자 종속성을 숨깁니다(앱을 꺼내지 않는 한). 예를 들어 CRA 종류는 웹팩을 사용하고 있다는 사실을 숨깁니다. 내가 함께 넣어 응용 프로그램은 튜토리얼보다 더 많은 예제이기 때문에, 나는 그 개발 종속성을 더 잘 설명하는 온라인 React 과정을 제안할 것입니다. 그래서, 그냥 명확히하기 위해, 개인적으로 나는 일을 수동 방식으로하는 것을 선호합니다. 그러나 CRA를 사용하면 시작할 때 상황이 크게 단순화되기 때문에 장점이 있습니다.