리덕스 예제

각 예제는 핫 다시 로드와 자체 독립 실행형 웹 응용 프로그램입니다. 예제를 로컬로 실행하기 위해 redux 양식 리포지토리를 복제하고 npm 설치를 실행하여 redux 양식에 필요한 종속성을 설치합니다. 그런 다음 두 가지 메서드를 사용하여 예제를 로컬로 실행할 수 있습니다. 이 예제는 ES2015 배열 스프레드 구문을 사용합니다. 다음 부분인 Redux by example: Part 2에서는 모든 만들기, 읽기, 업데이트 및 삭제(CRUD) 작업을 포함하는 보다 복잡한 예제를 구체화합니다. 점진적으로 더 복잡한 일련의 예제를 통해 이 일련의 문서는 여러 가지 핵심 Redux 개념을 보여 줍니다. 이러한 예제는 Node.js 응용 프로그램으로 제공됩니다. 어떤 브라우저 또는 반응 복잡성없이. 이러한 메서드 중 하나를 수행 한 후 브라우저에서 localhost:3030을 열어 컴퓨터에서 로컬로 실행되는 예제를 봅니다. 동작의 차이를 설명하기 위해 깨진 예제를 실행합니다: 공통 코드의 요점은 상태의 변화를 효율적으로 감지하는 것입니다.

lastState(배열에 대한 참조)와 newState(배열에 대한 참조) 요소를 요소별로 비교하는 값비싼 작업 대신 참조를 효율적으로 비교합니다. 깨진 예제에서 두 변수는 동일한 배열 개체(따라서 true를 내음)를 참조하며 고정된 예제에서는 두 변수가 서로 다른 배열 개체를 참조합니다(따라서 false를 내보내는 경우). 실행 예제:EXAMPLE_FOLDER(npm 실행 예제:단순 또는 npm 실행 예제:material-ui)와 같이 실행하려는 예제의 폴더 이름으로 EXAMPLE_FOLDER를 바꿔야 합니다. 참고 : 자바 스크립트 개발의 미래는 ES2015이기 때문에 대부분의 Redux 예제가 작성되어 있으므로 소송을 따를 것입니다. 그러나 이렇게 하면 Babel을 사용하여 ES2015 코드를 ES5로 다시 변환하여 실행해야 하므로 복잡성이 더 해집니다. 다음은 테스트 및 학습 목적으로 redux-form의 기능을 보여 주는 예제 목록입니다. 참고 : 윈도우 사용자는 명령줄 예제에서 슬래시를 백 슬래시로 변경해야합니다.

Shares

Posted on 2nd August 2019 in Uncategorised

Share the Story

About the Author

Back to Top
Shares