리처드 페만 (Richard Feynman) 은 캘리포니아 이공대학 (Caltech) 의 한 교원으로부터 왜 자전 1/2의 입자가 페미 디라크의 통계에 복종하는지 설명해 달라고 요구했다.그는 관중들을 완벽하게 평가하며 "나는 그것에 관한 신입생 강좌를 준비할 것이다."라고 말했다.그러나 며칠 후, 그는 돌아와서 말했다. "알다시피 나는 할 수 없다. 나는 그것을 1학년 수준으로 낮출 수 없다. 이것은 우리가 정말 그것을 이해하지 못한다는 것을 의미한다."
일을 설명하기가 매우 어렵다.그것은 이 일에 대해 친밀하게 이해하고 등을 맞대야 한다.자신을 모르는 사람의 머릿속에 넣으면 모르는 것을 발견할 수 있다.이것은 일종exercise in empathy으로 연마할 수 있는 기술이다.
효과적으로 해석하는 것은 매우 만족스럽고 배양해야 할 유용한 기능이기도 하다.소프트웨어 엔지니어로서 우리의 대부분 책임은 사물을 이해하는 것이 아니라 그것들을 해석하는 것이다.매일 여러 번, 우리는 새로운 팀원, 제품 매니저, 디자이너, 심지어 완전히 다른 학과에서 온 사람들에게 일을 설명해야 한다.

반응은 이해하기 쉽습니까, 이해하기 어렵습니까?

I’m going to be honest: I’ve had a hell of a time getting my head around React. More than any other technology I’ve touched over the last 10 years of my career, I just haven’t had it click for me. It’s very frustrating as I really want to learn it, and it’s clear the library has legs.

–Brad Frost,http://bradfrost.com/blog/post/my-struggle-to-learn-react/
React 배우기 힘들다는 소리 처음 듣는 거 아니야.그러나 나도 사람들이 "React의 핵심 개념은 이해하기 쉽다!"라고 말하는 것을 들었다.
그럼 어떤 거예요?이게 정말 이해가 안 돼요?이것은 다른 틀을 이해하는 것보다 더 어렵습니까 아니면 더 어렵습니까?
명확한 답이 없다.React는 일부 사람들에게는 이해하기 쉬우나 다른 사람들에게는 이해하기 어렵다.사람들은 서로 다른 배경과 다른 “mental models”를 가지고 있다.😅), 이것은 React의 핵심 개념이 다른 사람에게 더욱 쉽거나 어려울 수 있다는 것을 의미합니다!
webcomponents와 많은 합작을 한 사람에게 React는 이 사람의 심리 모델 중 좋은 집이 있다.그러나 진정으로 특별한 방식으로만 jQuery를 사용하는 사람들에게는 이해해야 할 새로운 개념이 많기 때문에 이런 개념을 해석할 때 조심해야 한다.
만약React의 많은 개념이 사람들에게 새로운 개념이라면 사람들이 사물을 어떻게 이해하는지 이해하는 데 매우 유용하다. 그러면 우리는 더욱 효과적으로 해석할 수 있다.

어떻게 반응을 해석합니까

나는 네가 반응을 이해하는 방식이 다른 사람들이 그것을 이해하는 방식이 아니라는 것을 깨닫는 데 시간이 좀 걸렸다.
여러 가지 이유가 있어요. — 사람들은 서로 다른 배경에서 왔고 서로 다른 경험을 가지고 있다.그들은 Angular나 주요 업무 방식에 익숙해지거나 jQuery를 사용하여 DOM을 직접 조작하는 데 익숙해질 수 있다.그들은 유한한javascript 경험만 있을 수도 있고, ES6에 대한 모든 지식을 알고 있을 수도 있다.중요한 것은 네가 그 일을 설명해야 할 사람의 배경을 이해하는 데 시간을 쓰는 것이다.사람들은 새로운 개념을 그들이 이미 알고 있는 사물과 연결시켜 새로운 개념을 학습하는데 이것은 좋은 비교와 비교를 통해 격려할 수 있다.
다른 사람들이 반드시 같은 방식으로 그것을 이해하는 또 다른 관건은 역사와 시간 때문이다.나는 최근에 한 친구와 일의 변화가 얼마나 빠른지 이야기했다."전단의 물건이 너무 빨리 움직여요! 1년 전에 자바스크립트를 배웠어요. 다음에 돌아올 때 모든 게 달라졌어요!"시간의 추이에 따라 점차적으로 개념을 세우면 학습 반응은 나에게 매우 간단하지만 반응, ES6, 웹팩과 JSX를 동시에 직면하는 사람에게는 — 이것들은 모두 서로 헷갈리기 쉬운 새로운 개념들이다.

그렇다면 우리는 어떻게 해야만 더욱 잘 설명할 수 있습니까?

만약 네가 이러한 경험상의 차이에 주의하지 않는다면, 너의 해석은 효과가 없을 것이다.당신이 일대일인지 그룹 환경에서 설명하는지에 따라 서로 다른 전략으로 이런 다양한 체험을 처리할 수 있다.
정기적으로 질문하다.이것은 네가 그 일을 설명하고 있는 사람을 볼 수 있는 기회를 주었다.그것은 다른 사람을 참여시켜 해석을 수동적인 과정이 아니라 상호작용적인 과정으로 만든다.참여를 독려하는 문제를 제기하다.옳고 그름을 묻는 것이 아니라, 예를 들면, "이게 의미가 있습니까?"(빈 고개를 끄덕이거나 "응, 그래.")'무엇'이나'왜'를 묻는 질문, 예를 들면'이런 상황에서 무슨 일이 일어날까?'그리고 "왜 이 코드가 중요합니까?"
전략을 바꿀 준비를 하다.광범위한 경험을 가지고 있기 때문에 일대일 환경에서 당신은 개인의 상황에 따라 자신의 해석을 맞춤형으로 정할 준비를 해야 합니다.지식과 관련이 있고 더 많이 참여하게 하는 데 도움이 되기 때문이다.
적당한 상세도를 제공하다.만약 당신이 어떤 일에 대해 깊이 있게 이해한다면, 재미있지만 중요하지 않은 세부 사항을 깊이 파고들기 쉽다.추상적이거나 상관없는 부분을 뛰어넘어 당신의 해석이 관중들의 체험에 부합되도록 할 준비를 하세요(주의: 이것은 당신이 해야 한다는 것을 의미하지 않습니다simplify to the point of being incorrect

예제

특히 React는 세심한 관심을 기울이지 않는 사람들에게 흔히 볼 수 있는 곤혹스러운 점이 있다.

ES6 및 JSX

이 두 개념을 동시에 도입하면 왕왕 사람을 곤혹스럽게 할 수 있다.아래의 코드 예시를 보면 우리는 여러 개의 신개념을 조합한 것을 볼 수 있다

import * as React from 'react'; //ES2015 + React
import * as ReactDOM from 'react-dom';  //ES2015 + React
const allCaps = s => s.toUpperCase(); //ES2015
class HelloWorld extends React.Component {  //ES2015 + React
  render() {  //ES2015 + React
    const { name } = this.props; //ES2015
    return (
      <p>Hello, {allCaps(name)}</p>{/* JSX */}
    );
  }
}
ReactDOM.render(<HelloWorld name="Josh"/>, document.getElementById('app'));

만약 사용자가 이런 새로운 문법에 익숙하지 않다면, which parts are ES6의 개술부터 도움이 될 것이다.
나는 이 문제를 해결하는 데 도움을 줄 도구“React or ES2015”도 만들었다.코드 세션을 붙여넣으면 어떤 부분이 React, JSX, ES2015 또는 ES5인지 볼 수 있습니다. 그리고 각 부분의 관련 문서를 누르십시오.이 도구는 문법의 출처를 즉각 판단할 수 있는 사람들에게 도움이 되지 않을 수도 있지만, 나는 이것이 많은 사람들에게 유용하길 바란다.

왜 이렇게 많은 구성 요소를 만드는 방법이 있습니까?

React 구성 요소는 클래스, 함수 또는 호출React.createClass으로 정의할 수 있습니다.초보자에게는 곤혹스러운 문제다.이 개념을 자세히 소개하다 — 불필요한 혼동을 피하기 위해 언제 사용할지에 대한 명확한 지침을 제공합니다. (state를 사용하시겠습니까? 클래스 사용: 함수 사용)

전체 모델

이것은 내가 해석하는 것을 가장 좋아하는 부분이다. 왜냐하면 이것은 React에서 UI를 구축하는 가장 중요한 부분 중의 하나라고 생각하기 때문이다.overall data flow모델은 일반적으로 이해하기 쉬우며 이 기본 개념을 이해하는 것은 유용한 심지 모델이다.
사용자 습관의 다른 언어, 방법, 프레임워크와 비교할 수 있는 절호의 기회이기도 하다.이런 방법을 비교하고 비교하는 것은 학습자의 마음속 개념을 공고히 하는 데 도움이 될 것이다.
보낸 사람 https://facebook.github.io/flux/docs/in-depth-overview.html#content
React가 위 그림의 시각적 레이어임을 지적하여 React 작업의 모호성을 없애는 데 도움이 됩니다.
통량모델의 기본 사상은 매우 유용하지만 적당한 상세도를 제공해야 하며 추상적으로 너무 많은 시간을 소비해서는 안 된다.실천에서 사물이 어떻게 이 모델을 따르는지 관찰하는 것이 통량모델을 깊이 있고 추상적으로 해석하는 것보다 더 유용하다.

보조 라이브러리

사람들을 위해 프레젠테이션을 만들거나 예시를 작성할 때, 당신이 표현하고자 하는 관점과 무관한 조수 라이브러리에 의존하지 않도록 주의하십시오.React 상태 관리를 강조하려면lodash,React router,React intl 또는 설명하려는 내용과 직접적으로 관련이 없는 내용을 사용하지 마십시오.
로다쉬에 익숙한 사람들은 _.concat가 당신의 예시의 중점이 아니라는 것을 잘 알고 있지만, 이것은 로다쉬에 익숙하지 않은 사람들로 하여금 마음을 분산시킬 수 있습니다. 이것도 당신이 논술하고자 하는 중점입니다.

상태

또 다른 흔히 볼 수 있는 문제는 어떤 상태를 사용하는지와 관련이 있다.이것은 초보자들에게 갈수록 곤혹스러워진다. 왜냐하면 새로운 선택이 많기 때문이다 — 각각의 장점 they’re small, they’re not running in the main thread, they’re wired to GraphQL, 또는 저장과 상하문 같은 정상적인 React 기능만 사용합니다.
개인적으로 나는 이러한 새로운 발전이 사람을 흥분시킨다고 생각하지만, 이해할 수 있는 것은 새로운 학습자들이 이곳의 선택 수량이 사람을 고통스럽게 한다는 것이다.명확한 지도를 제공하는 것은 이런 상황을 완화시키는 데 도움이 된다.그 중에서 하나를 골라서 그 중에서 배우다 — React의 주요 개념을 파악한 후에 어느 상점이 가장 좋은지 미세한 차이가 더욱 관련된 문제가 된다.

일반적으로 어떻게 해석합니까

연구에 따르면 사람들은 주동적인 학습을 통해 수동적인 학습보다 효과적이다[2].주동적인 학습은 학습자들이 알고 모르는 것을 분석하도록 격려하는 스타일이다.해석자에게 질문을 격려하고 정기적으로 질문함으로써 학습자의 참여도를 유지한다는 뜻이다.사람들이 자신이 배우고 싶은 내용을 통제할 수 있을 때 더욱 효과적으로 공부할 수 있다. 왜냐하면 이것은 참여를 격려하기 때문이다.
일단 누군가가 참여하면 새로운 개념을 그들이 이미 이해한 기존 개념과 연결시켜 학습할 수 있다.일단 새로운 생각이 우리의 심리 모델에 자리를 잡으면 새로운 생각을 배우고 기억하는 것이 더욱 쉬워진다.

왜 이러지?

전단 개발이 훌륭하고 계속 개선되고 있다.우리가 기술과 지역사회를 계속 향상시킬 수 있는 방법은 일을 명확하고 효과적으로 설명하는 것이다.더 많은 사람들이 공부하고 전문가가 되어 새롭고 다양한 생각을 나눌 수 있다.
교류 기술과 반응은 그 중의 관건적인 부분이다.당신이 반응을 이해하는 방식은 다른 사람이 그것을 이해하는 방식이 아니다. 의식적인 노력을 통해 우리는 다른 사람과 사물에 대한 우리의 생각을 더욱 잘 공유할 수 있다😁
👋 안녕하세요.네.나는 개발자로서 어떻게 인터넷을 더욱 좋아지게 하고 모든 사람을 위해 봉사할 것인가에 관심을 가지고 있다✨
이것은 https://medium.com/@joshuanelson/react-explaining-explained-13a3fe6e5b9d에서 온 교차기둥이다

여섯 곡의 간단한 곡: 가장 걸출한 선생님이 설명한 물리학 요점

(Bransford, 2000, pg.15–20)

J.Scott Armstrong(2012).고등교육에서의 자연학습.https://faculty.wharton.upenn.edu/wp-content/uploads/2014/09/Natural-Learning-in-Higher-Education_2.pdf