반응을 배우는 리소스 : 시작하는 데 필요한 모든 것

React는 Facebook 개발자가 빠른 사용자 인터페이스를 구축하기 위해 작성한 JavaScript 라이브러리입니다. React를 처음 사용하든 React 개발 여정이 가속화 되든 기본, 기술, 도구 및 기술을 마스터하기가 어려울 수 있습니다. 그래서 우리는 사용 가능한 리소스와 권장 사항에 대한이 안내서를 만들었습니다. 어떤 학습 단계에 있든, 여기에 필요한 최고의 반응 콘텐츠가 있습니다. 확인하고 심도있게 배우십시오! (우리가 무언가를 놓친 것 같으면 아래 양식으로 알려주십시오!)

키 포인트

React는 기사에서 코스, 프로젝트 및 뉴스 레터에 이르기까지 다양한 학습 리소스를 갖춘 빠른 ​​사용자 인터페이스를 구축하기위한 JavaScript 라이브러리입니다. 권장 리소스에는 "React 초보자"과정, "React Beginner : Beginner 's Guide"기사 및 "버전 제어"뉴스 레터가 포함됩니다. React를 학습하기 전에 ES6 기능, 클로저, 비동기 프로그래밍 및 "이"키워드와 같은 개념을 포함하여 JavaScript를 견고하게 파악해야합니다. HTML 및 CSS 지식도 REACT가 HTML과 유사한 JavaScript 구문 확장자 인 JSX를 사용하기 때문에 중요합니다.

• 기사
학습 React를 고려하고 있거나 고급 도구와 시스템을 찾고 있는지 여부에 관계없이 다음은 우리가 찾은 최고의 서면 리소스가 있습니다.
초보자 및 비교
반응 시작 : 초보자 가이드 [sitepoint] JSX의 초보자 [sitepoint] 반응 자습서 : 처음부터 계산기 응용 프로그램 구축 [sitepoint] 스타일 반응 구성 요소 : 7 메소드 비교 [sitepoint] 다음 프로젝트에 가장 적합한 반응이 가장 적합한 지 말하는 방법 [sitepoint]

반응 대 각도-깊은 비교 [sitepoint] 반응 vs. vue— "왜 내가 vue 대신 반응을 선택 했는가?" React의 초보자, 초보자 가이드 [sitepoint] 음악 연주자를 구축하여 React 16에서 새로운 기능 탐색 반응이 D3 애니메이션을 향상시키는 방법 [sitepoint] Facebook 공식 반응 소개 [Facebook.github]

기본 사항

모든 기본 반응 개념은 하나의 기사로 압축됩니다 [medium.freecodecamp] Facebook의 Create React App [sitepoint] 로 프로젝트를 신속하게 준비합니다 기본으로 돌아 가기-반응 흐름을 사용하십시오 [Medium/JavaScript-Inside] 무국적 구성 요소를 사용하여 React 성능을 최적화하는 방법 [sitepoint] 반응 스타일 개요 - 외부 CSS 사용에서 스타일 구성 요소에 이르기까지 [sitepoint] 반응 애니메이션에 대한 심층 이해 컴포넌트 폴더 모드 소개 [중간/스타일 컴포넌트]는 편안한 반응 응용 프로그램을 더 쉽게 작성할 수 있습니다. 반응 라우터 4 [CSS- 트릭] 에 관한 모든 것 및 서버 측 React 렌더링 안내서 [CSS-Tricks] react [medium/@housecor]에서 상태를 처리하기위한 4 개의 불변 방법 React Native [sitepoint] 를 설치하는 방법 React Native Applications의 인증 안내서 [Goshakkk.name] 검색 가능 및 필터링 가능한 반응 빠른 조회 테이블 [ReactcheatSheet]
약간 고급
대규모 반응 응용 프로그램을 구성하고 만드는 방법 [SitePoint] 제안 : 반응을 배우십시오 [Robinwieruch] 진정으로 보편적 인 반응 구성 요소 시스템을 만드는 방법 [중간/스타일 컴포넌트] Redux vs. Mobx : 어느 것이 더 낫습니까? [sitepoint] 코스
기사를 통해 자신의 학습 경로를 구축하고 싶지 않거나 모든 개념과 기술을 마스터하고 싶다면 다음 구조화 된 반응 코스를 권장합니다.
React의 초보자 [Reactforbeginners]는 React Mentor Wes Bos의 React Education의 골드 표준입니다.
• React Express [React.express]는 React Development를위한 포괄적 인 안내서입니다.
• 프로젝트
• 당신은 기본을 마스터했을 것입니다. 실습 할 수있는 몇 가지 프로젝트는 다음과 같습니다.
• 사용자 로그인 및 인증을 사용하여 단계별 단계별 반응 응용 프로그램을 구축하기위한 안내 React Native and Pusher를 사용하여 상태가 높은 실시간 응용 프로그램을 구축하기위한 안내 기본 응용 프로그램을 반응하기 위해 분석을 추가하는 방법 [sitepoint] 레일을 사용하여 첫 번째 서버 측 렌더링 된 반응 응용 프로그램을 구축하십시오 [Engineering.MuseFind] React 및 Firebase를 사용하여 Reddit 클론을 구축하는 방법 [sitepoint] React VR [SitePoint] 가있는 완전한 구형 3D 이미지 라이브러리 구축 그런 다음 React, Redux, Express 및 MongoDB를 사용하여 완전한 Trello 클론 [SitePoint] 를 구축하십시오. 그런 다음 React Native를 사용하여 얼굴 인식 애플리케이션을 구축합니다 [sitepoint] React Native [sitepoint] 를 사용하여 Android 애플리케이션을 구축하는 방법 React 및 Webwl [sitepoint] 로 게임을 구축하십시오
라이브러리 및 도구
React 개발을위한 vim을 설정하는 방법 [drivy.engineering] react-boilerplate [github/react-boilerplate]는 다음 React 프로젝트의 확장 가능하고 오프라인 우선 기준입니다.
• REACT-VT [GitHub/Reactvt]는 React 개발자를위한 시각적 테스트 라이브러리입니다.
Mirror [Github/Mirrorjs]는 API가 최소화되고 보일러 플레이트 코드가없는 간단하고 강력한 반응 프레임 워크입니다.
• 반응 재료 UI, React Bootstrap, Semantic UI 및 (4) 추가 - 7 개의 React 라이브러리를 알아야합니다 [readWrite] JetBrains 웹 UI 구성 요소는 오픈 소스 [blog.jetbrains] 입니다 Gatsby [Gatsbyjs]는 친절하고 빠른 반응 정적 사이트 생성기입니다.
React STATIC는 쉽게 구성하고 데이터가 비공식적으로 설계된 반응 정적 사이트 생성기입니다.
• React Native Pull으로 새로 고침 [Github/Nadikuts]는 Android의 사용자 정의 풀다운 새로 고침 구성 요소입니다.
lottie [airbnb.design]는 iOS, Android 및 React Native Library입니다.이 라이브러리는 애플리케이션이 정적 이미지를 사용하는 것처럼 애플리케이션을 쉽게 사용할 수 있습니다.
• sketch.app [airbnb]는 에어 비앤비를위한 또 다른 도구입니다.
• 뉴스 레터
이 모든 것이 React의 세계에 들어가는 데 도움이된다면 - 다음은 최신 정보를 얻는 데 도움이되는 뉴스 레터가 있습니다.
버전 제어 [sitepoint] - Daily Newsletter, React,이 게시물과 같은 종류 (텍스트 및 링크)를 포함한 다양한 주제를 다루고 있습니다.
• 반응 상태 [React.statuscode] - Cooperpress의 위대한 사람들의 주간 뉴스 레터.
React Newsletter [ReactjsNewsletter] - 주간 뉴스 레터, Tyler McGinnis와 Ean Platter가 큐 레이션합니다.
• REACT DIGEST [ReactDigest] - 주간 뉴스 레터, 매주 월요일에 5 개의 React 링크를 보냅니다.
• 우리는 무엇을 놓쳤습니까?
마지막으로, 여기에 포함시켜야 할 우수한 React 리소스 또는 도구를 찾으면 아래 양식에 알려주십시오. 행복한 반응!
반응 학습에 대한 자주 묻는 질문
REACT 학습의 전제 조건은 무엇입니까?
React를 배우기 전에 React는 JavaScript 라이브러리이기 때문에 JavaScript를 마스터하는 것이 매우 중요합니다. ES6 기능, 클로저, 비동기 프로그래밍 및이 키워드와 같은 개념에 익숙해야합니다. HTML 및 CSS 지식도 HTML과 유사한 JavaScript 구문 확장자 인 JSX를 사용하기 때문에 중요합니다.

반응을 배우는 데 얼마나 걸립니까? 반응을 배우는 데 필요한 시간은 현재 기술 수준과 학업에 전념 할 수있는 시간에 따라 크게 다릅니다. 이미 JavaScript에 능숙하다면 몇 주 동안의 전용 학습에서 React의 기본 사항을 마스터 할 수 있습니다. 그러나 React 및 Redux 및 React 라우터와 같은 생태계를 마스터하는 데 몇 개월이 걸릴 수 있습니다.

반응을 배울 자원은 무엇입니까?

반응을 배우는 데 사용할 수있는 많은 리소스가 있습니다. 여기에는 온라인 자습서, 비디오 과정, 서적 및 문서가 포함됩니다. 공식 반응 문서는 시작하기에 좋은 곳입니다. 대화식 과정은 Codecademy 및 SitePoint와 같은 사이트에서 구입할 수 있습니다. YouTube 및 블로그에서 많은 무료 자습서를 찾을 수 있습니다.
왜 반응을 배워야합니까?

React는 사용자 인터페이스, 특히 단일 페이지 응용 프로그램을위한 가장 인기있는 JavaScript 라이브러리 중 하나입니다. 재사용 가능한 UI 구성 요소를 만들 수 있습니다. React는 Facebook과 개별 개발자 및 회사 커뮤니티에 의해 유지되며 업계에서 널리 사용됩니다. REACT를 학습하면 많은 일자리를 얻을 수 있습니다. 도서관이나 프레임 워크에 반응합니까?

React는 프레임 워크가 아닌 JavaScript 라이브러리입니다. 차이점은 라이브러리가 필요에 따라 사용할 수있는 구체적이고 고립 된 기능을 제공하는 반면 프레임 워크는 전체 도구와 기능 세트를 제공하지만 특정 작업 방식을 부과합니다. React는 사용자 인터페이스를 구축하는 한 가지에 중점을두고 있으며 정말 좋습니다.
JSX 란 무엇이며 반응에서 중요한 이유는 무엇입니까?

JSX는 JavaScript XML을 나타냅니다. JavaScript 코드로 HTML 유사 코드를 작성할 수있는 JavaScript의 구문 확장자입니다. React 응용 프로그램을 작성하려면 JSX가 필요하지 않지만 코드를 쉽게 읽고 쓸 수 있기 때문에 권장됩니다. React의 가상 Dom은 무엇입니까?

가상 DOM (문서 개체 모델)은 RECT가 도입 한 개념으로, UI의 가상 표현이 메모리에 유지되고 조정이라는 프로세스를 통해 "실제"DOM과 동기화됩니다. 이 프로세스는 성능이 높고 예측 가능한 코드 기반을 가능하게하는 구성 요소를 쉽게 만들 수있는 기능과 결합합니다.
반응의 상태와 트랙의 차이점은 무엇입니까?

반응에서 상태와 소품은 JavaScript 객체입니다. 상태는 구성 요소를 장착 할 때 기본값으로 시작한 다음 시간이 지남에 따라 돌연변이되는 데이터 구조입니다. 이는 주로 사용자 이벤트의 결과입니다. 소품 (속성으로 약칭)은 부모 구성 요소가 전달하는 변수입니다. Redux는 무엇이며 React와 어떤 관련이 있습니까?

redux는 JavaScript 응용 프로그램을위한 예측 가능한 상태 컨테이너입니다. 다양한 환경 (클라이언트, 서버 및 기본)에서 일관되게 실행되고 테스트하기 쉬운 응용 프로그램을 작성하는 데 도움이됩니다. 주로 React와 함께 사용되지만 다른 뷰 라이브러리와 함께 사용할 수 있습니다.
React와 함께 프로젝트를 시작하는 방법은 무엇입니까?

React의 기본 사항을 마스터 한 후 가장 좋은 방법은 프로젝트를 구축하는 것입니다. 할 일 목록 또는 날씨 앱과 같은 간단한 프로젝트로 시작하십시오. 경험이 더 커짐에 따라 더 복잡한 프로젝트로 전환 할 수 있습니다. 이를 통해 React를 더 잘 이해하는 데 도움이 될뿐만 아니라 포트폴리오를 구축 할 수도 있습니다.

위 내용은 반응을 배우는 리소스 : 시작하는 데 필요한 모든 것의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!