안녕하세요, 제 이름은 Rajdeep Singh입니다. 현재 저는 인도에서 프론트 개발자로 일하고 있습니다.

시리즈 게시물에서 react.js에 대해 알려드리겠습니다.

의제

1. ReactJS 란 무엇입니까?
2. 태어나다
3. reactjs를 사용하는 이유
4. React.js의 미래는?
5. react.js 설치 방법
6. 배우는 방법
7. 데모
8. 자주하는 질문

Javascript ES6 ECMAScript 2015 배우기 여기를 클릭

React.js는 무엇입니까?

Simple React.js는 특히 단일 페이지 애플리케이션을 위한 사용자 인터페이스를 구축하는 데 사용되는 오픈 소스 JavaScript 라이브러리입니다.

웹 및 모바일 앱의 뷰 레이어를 처리하는 데 사용됩니다. 또한 React를 사용하면 재사용 가능한 UI 구성 요소를 만들 수 있습니다.

태어나다:

React는 "FaxJS"라는 React의 초기 프로토타입을 발표한 Facebook의 소프트웨어 엔지니어 Jordan Walke가 만들었습니다.

2011년 Facebook의 뉴스피드에서 처음 사용되었고 2012년 Instagram에서 사용되었습니다. 2013년 5월 JSConf US에서 오픈 소스로 제공되었습니다.

versionRelease DateChanges0.3.029 2013년 5월초기 공개 릴리스16.12.02019년 11월 14일 지연 로드 및 useEffect 수정

왜 반응 js를 사용합니까?

우리는 다음과 같은 몇 가지 사항에 대해 논의합니다.

1. 오픈 소스 자바스크립트 라이브러리
2. UI 구성 요소를 재사용합니다.
3. 단일 페이지 애플리케이션
4. 웹 페이지를 다시 로드하지 않고 데이터 로드
5. 대규모 개발자 커뮤니티

더 읽어보기: React JS 사용

React.js의 미래?

react.js의 미래가 밝도록 react.js 문제 해결 제품이라고 생각합니다.

실험 모드 의 React.js 5 기능 :

1. 동시 모드 소개
2. 데이터 가져오기에 대한 중단
3. 동시 UI 패턴
4. 동시 모드 채택
5. 동시 모드 API 참조

react.js 설치 방법

프로젝트에 react.js를 설치할 때. react.js가 개발자에게 raect.js를 사용하는 두 가지 방법을 제공하는 경우

1. CDN 링크
2. NPM

CDN은 콘텐츠 전송 네트워크를 의미합니다. NPM commend 를 사용하지 않고 CDN 빌드 웹사이트를 사용합니다 .

두 가지 유형:

1. 개발 CDN:

개발 CDN은 개발 단계에서만 사용합니다.

앱 코딩 단계를 의미

<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>

프로덕션 CDN 최소화 및 최적화된 React 프로덕션 버전을 사용할 수 있습니다.

<script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>

02. NPM:

NPM은 노드 패키지 관리자를 의미합니다.

machine.node.js에 node.js를 설치할 때 NPM을 제공합니다.

NPM Command 빌드 반응 프로젝트를 사용하면 매우 간단하고 쉽습니다.

참고: NPM은 노트북에 필요합니다.

npx create-react-app my-app

배우는 방법?

React.js는 javascript로 작성하기 때문에 배우기 매우 쉽습니다.

많은 플랫폼에서 무료 학습 제공

1. 웹사이트
2. 유튜브
3. 조항
4. 돕다

• React/Redux 링크
• W3학교
• Geeksforgeeks
• 스크림바
• 자바 포인트

• 재생 목록

• 중간

• 스택 오버플로
• 쿼라

01. CDN 데모

02. NPM 데모:

NPM 명령을 사용할 때 폴더 str

Codesandbox.io의 데모

자주하는 질문

React 및 React-Native 코드를 작성하는 데 가장 적합한 편집기는 무엇입니까?

vscode, Atom, Sublime Text 및 Nuclide와 같은 편집기를 사용합니다.

AngularJS, React JS 또는 Vue.js 중 어느 것이 배우기 쉬운가요?

개인적으로, react.js는 AngularJs와 Vue.js를 비교하는 것으로 매우 쉽습니다.

Angular와 react.js의 차이점

React.js는 책 라이브러리와 같은 코드 라이브러리이지만 Angular js는 프레임워크입니다.

react.js를 위한 최고의 온라인 코드 편집기?

내가 선호하는 유일한 공개 코드 편집기는 Codesandbox 입니다.

결론

react.js에 대한 나의 결론 은 간단하고, 배우기 쉽고, 사용하기 쉬운 구성 요소 라이브러리, 한 페이지 애플리케이션 및 오픈 소스입니다.

항상 공식 문서 읽기 reactjs.org

제안

모든 제안 및 쿼리는 댓글 섹션에서 알려줍니다. 뭐가 잘못됐어

더 읽어보기

반응 js에서 로컬 JSON 파일을 읽는 방법은 무엇입니까?

저에게 연락하십시오:

• https://www.facebook.com/officialrajdeepsingh/
• https://www.officialrajdeepsingh.dev/
• [email protected]