Study/React

멋진 반응 | 멋진 React 네이티브 리소스 | 학습 및 훨씬 더 | 방대한 목록100

AC 2021. 9. 20. 13:42

영상2000×1100 189KB

React 개발을 마스터하기 위한 선별된 무료 리소스 목록

목차

동기 부여

이 프로젝트는 React로 애플리케이션을 구축하는 방법을 배우고 개념을 이해하려는 사람들을 위한 최고의 무료 리소스 를 수집하는 것을 목표로 합니다. 2 Functional Programming, Composition, Unidirectional Data Flow 및 기타 많은 것과 같은 채택과 함께 제공됩니다.

필수 경로

왜 반응합니까?

  1. Facebook의 JS 앱 29
  2. 왜 React를 만들었을까? 12
  3. React: 모범 사례 재고 8

반응

  1. React 문서 - 빠른 시작 섹션 19 basic
  2. React를 배우는 길 20 basic

ES2015+

  1. ES6 배우기(ECMAScript 2015) 9 basic
  2. ES6 탐색 5 advanced
  3. ES2016 및 ES2017 살펴보기 6 advanced

라우팅

  1. React 라우터 문서 14 basic

상태 관리

리덕스 2

  1. Redux 시작하기 27 basic
  2. Idiomatic Redux로 React 애플리케이션 구축하기 7 advanced

번들러

웹팩 2

  1. 웹팩 시작하기 10

물건 만들기

  1. 여러 프로젝트 아이디어 26
  2. 반응 - TodoMVC 9
  3. React 프로젝트 부트스트랩 5
  4. 날씨 앱 빌드 10
  5. React + Redux의 SoundCloud 클라이언트 4
  6. 반응 생태계에 대한 입문서: 1 1, 2 및 3.
  7. JSON 웹 토큰(JWT) 인증을 사용하여 React/Redux 앱 빌드 10

선택적 경로

정적 유형 검사기

흐름

타이프스크립트 1

  1. Gitbook Typescript 심층 분석 6
  2. React - Redux - Typescript - TodoMVC 6
  3. React Typescript 샘플 6

불변 데이터 구조

불변.js 삼

  1. Immutable.js: 인간을 위해 작성된 예제가 포함된 소개 10

이 가이드를 사용하는 방법

선형 접근 방식 을 사용하여 이 가이드를 완료하세요. 즉, 필수 경로 의 첫 번째 리소스부터 시작해야 합니다. 30 그리고 이전을 마친 후 다음으로 넘어가고, 배운 내용을 내면화하기 위한 실용적인 프로젝트를 만들어 보세요.

React의 생태계는 초보자에게 압도적입니다. 각각의 새로운 도구를 배울 수 있는지 확인 isolatedly .

React, Webpack 및 ES2015+에 대한 섹션에서 초기 리소스는 더 피상적이며 마지막 리소스는 해당 주제에서 더 깊이 설명합니다. 기본 사항을 먼저 배우고 나중에 다시 시작할 수 있지만 해당 문제에 대한 기본 지식 없이는 건너뛰지 마십시오.

필수 경로 를 완료한 후 선택 경로 에서 하나 이상의 주제를 선택할 수 있습니다 . 동일한 선형 접근 방식으로 이 섹션을 진행할 필요가 없으며 필요 및/또는 희망에 따라 학습할 새로운 주제를 선택해야 합니다.

협업 방법

새 섹션 또는 새 리소스를 제안하려면 각 리소스/섹션에 대해 해당 항목을 추가/제거해야 하는 이유를 설명하는 하나의 문제 를 엽니다 . 최소 5명이 

귀하의 표시를 승인( )하면 풀 리퀘스트를 생성하도록 초대됩니다.

이러한 협업 방식을 유지하는 이유는 리소스 목록이 매우 간결하여 여기에 나열된 주제를 마스터하려는 사람들을 위한 최고의 리소스만 제공되도록 하기 위함입니다.

팀

영감 및 추가 리소스

영감

  1. 당신은 반응의 요점을 놓치고 있습니다 7
  2. 당신을 슬프게 하는 반응 2
  3. 반응 방법 2
  4. React 학습을 위한 타임라인 8
  5. React 애플리케이션 개발 학습을 위한 5단계 2
  6. React 학습 경로 2

추가 리소스

  1. React/Redux 링크 6
  2. Redux 생태계 링크 1
  3. 커뮤니티 리소스 2

굉장한 반응 

 12

React 생태계에 관한 멋진 것들의 모음입니다.

반응

사용자 인터페이스 구축을 위한 JavaScript 라이브러리

React 일반 리소스

반응 커뮤니티

반응 온라인 놀이터

반응 튜토리얼

React 일반 튜토리얼

반응 후크

리액트와 타입스크립트

반응 성능

내부 반응

인터뷰 질문에 반응

반응 도구

반응 개발 도구

  • create-react-app - 하나의 명령을 실행하여 최신 웹 앱 설정
  • react-starter-kit - 동형 웹 앱 상용구
  • react-devtools - Chrome 및 Firefox 개발자 도구에서 React 구성 요소 계층 구조 검사
  • react-hot-loader - 실시간으로 React 구성 요소 조정
  • react-loadable - Promise가 있는 구성 요소를 로드하기 위한 고차 구성 요소
  • loadable-components - React 코드 분할이 쉬워졌습니다.
  • reactotron - React 및 React Native 프로젝트를 검사하기 위한 데스크탑 앱
  • 동화책 1 - UI 컴포넌트 개발 및 테스트
  • docz - Zero Config, Markdown + JSX를 사용한 라이브 리로딩 문서
  • react-styleguidist - 생활 스타일 가이드가 있는 격리된 React 구성 요소 개발 환경
  • 반응 우주 1 - 재사용 가능한 React 구성 요소를 만들기 위한 개발 도구
  • eslint-plugin-react - ESLint에 대한 특정 린트 규칙에 반응합니다.
  • eslint-plugin-jsx-a11y - JSX 요소의 a11y 규칙에 대한 정적 AST 검사기
  • react-ax - React 애플리케이션에 대한 접근성 감사
  • codesandbox - 통합된 React DevTools를 사용한 신속한 React 개발을 위한 온라인 IDE입니다.
  • DataFormsJS JSX 로더 - 웹 페이지에서 직접 JSX를 JS로 빠르게 변환하기 위한 소형 JavaScript 컴파일러

반응 프레임워크

  • 다음.js 4 - 반응 프레임워크
  • gatsby.js - React 기반의 무료 오픈 소스 프레임워크
  • 반응 관리자 2 - REST/GraphQL API를 기반으로 B2B 애플리케이션을 구축하기 위한 프론트엔드 프레임워크
  • 리믹스 4 - 마지막으로 React Router 제작자의 킬러 React 프레임워크

반응 스타일링

  • styled-components - 구성 요소 연령에 대한 시각적 기본 요소
  • 감정 - JavaScript로 CSS 스타일을 작성하도록 설계된 라이브러리
  • radium - React 컴포넌트 스타일링을 위한 툴체인
  • jss 1 - CSS용 저작 도구
  • aphrodite - 서버 측 렌더링, 브라우저 접두사 및 최소 CSS 생성을 지원하는 프레임워크에 구애받지 않는 CSS-in-JS

반응 라우팅

  • 반응 라우터 1 - React를 위한 선언적 라우팅
  • navi - React를 위한 선언적 비동기 라우팅
  • curi - 단일 페이지 애플리케이션을 위한 JavaScript 라우터
  • Reach - React용 차세대 라우팅

React 컴포넌트 라이브러리

  • 재료 UI 2 - 더 빠르고 쉬운 웹 개발을 위한 React 컴포넌트
  • 개미 디자인 4 - 자연과 결정의 가치를 지닌 디자인 시스템
  • 청사진 1 - 웹용 React 기반 UI 툴킷
  • 유창한 UI 1 - Microsoft 웹 경험을 구축하기 위한 일련의 React 구성 요소
  • react-bootstrap - React로 만든 부트스트랩 컴포넌트
  • reactstrap - 간단한 React Bootstrap 4 구성 요소
  • semantic-ui-react - 공식 Semantic-UI-React 통합
  • 상록 - 에버그린이 세그먼트에 의해 UI 프레임 워크 반응
  • grommet - 깔끔한 패키지에서 접근성, 모듈성, 반응성 및 테마를 제공하는 반응 기반 프레임워크
  • 차크라의 2 - React 애플리케이션을 위한 간단하고 모듈식이며 접근 가능한 UI 구성 요소
  • 베이스 2 - styled-system으로 빌드된 기본 UI 구성 요소에 반응
  • react-fontawesome - React용 Font Awesome 5 구성 요소 라이브러리
  • reakit - React에 대한 액세스 가능하고 구성 가능하며 사용자 정의 가능한 구성 요소
  • rsuite - React 컴포넌트 모음
  • atlaskit - Atlassian 디자인 지침에 따라 구축된 Atlassian의 공식 UI 라이브러리입니다.
  • 베이스웹 1 - Base Web은 웹 제품을 시작, 발전 및 통합하기 위한 기반입니다.
  • 초기 반응 2 - 머티리얼, 부트스트랩 및 사용자 정의 테마를 특징으로 하는 50개 이상의 구성 요소가 있는 React용 완전한 UI 프레임워크.
  • 반응 bulma 구성 요소 2 - Bulma 프레임워크용 React 컴포넌트
  • 반응불마 1 - Flexbox 기반의 모던 CSS 프레임워크용 React.js 컴포넌트
  • rbx - React를 위한 포괄적인 Bulma UI 프레임워크
  • trunx - TypeScript로 구현된 멋진 Bulma의 아들인 Super Saiyan React 구성 요소
  • tailwind-react-ui - TypeScript로 구현된 멋진 Bulma의 아들인 Super Saiyan React 구성 요소
  • 꼬리 UI 삼 - tailwindcss 기반의 깔끔한 UI
  • zeit-ui/반응 1 - 모던하고 미니멀한 React UI 라이브러리

반응 멋진 구성 요소

명령줄에 대한 반응

  • 잉크 - 대화형 명령줄 앱에 대한 반응
  • react-blessed - 축복받은 터미널 인터페이스 라이브러리용 React 렌더러

반응 테스트

반응 라이브러리

반응 통합

반응 상태 관리

AR 및 VR 반응

  • 반응 360 삼 - React를 사용하여 흥미진진한 360도 및 VR 경험 만들기
  • 바이로 반응 1 - React Native를 사용하여 AR/VR 애플리케이션을 빠르게 구축하기 위한 플랫폼

양식

자동 완성

제도법

데이터 관리

지도

차트

네이티브 반응

React를 사용하여 네이티브 앱을 빌드하기 위한 프레임워크

React 네이티브 일반 리소스

React 네이티브 튜토리얼

React 네이티브 개발 도구

React 네이티브 샘플 앱

네이티브 상용구에 반응

네이티브 굉장 구성 요소에 반응

React 네이티브 라이브러리

리덕스

JavaScript 앱용 예측 가능한 상태 컨테이너

Redux 일반 리소스

리덕스 도구

리덕스 튜토리얼

몹X

JavaScript 앱을 위한 간단하고 확장 가능한 상태 관리

MobX 일반 리소스

MobX 도구

MobX 튜토리얼

그래프QL

쿼리 언어

GraphQL 사양

GraphQL 도구

GraphQL 튜토리얼

GraphQL 구현

서버 통합

데이터베이스 통합

계전기

데이터 기반 React 애플리케이션

릴레이 일반 리소스

릴레이 튜토리얼

릴레이 도구

아폴로

GraphQL 기반 데이터 스택

Apollo 일반 리소스

아폴로 도구

비디오

reactjsvideos.com 6

중요한 회담

React.js Conf 2015 재생 목록 2

ReactEurope Conf 2015 Day 1 재생 목록

ReactEurope Conf 2015 Day 2 재생 목록

ReactRally Conf 2015 재생 목록

React.js Conf 2016 플레이리스트

React 암스테르담 2016 플레이리스트 1

ReactEurope Conf 2016 Day 1 재생 목록

ReactEurope Conf 2016 Day 2 재생 목록

ReactRally Conf 2016 플레이리스트

React.js 암스테르담 2018 재생 목록 2

비디오 자습서

데모 반응 앱

실제 반응 앱

기부금

이 목록은 React에 대한 흥미로운 것들의 개인 모음으로 시작되었습니다. React가 시작될 당시 React는 베타 버전이었고 JSX를 JS로 변환하는 특수 스크립트가 있었고 Flux조차도 아직 게시되지 않았습니다. React는 이제 주류가 되었고 많은 일들이 일어났습니다. 이 목록을 광고 게시판이나 실험을 공개적으로 푸시하는 장소로 사용하지 마십시오. 여기에서는 완전히 무료인 리소스만 사용하십시오. 여러분의 기여와 제안은 진심으로♡ 환영합니다. (✿◠‿◠)

멋진 반응 - 추가 리소스:

멋진 React 라이브러리, 리소스 및 빛나는 것들의 모음입니다.

절대적으로 멋진 React 구성 요소 및 라이브러리

리액트 리소스

멋진 반응 후크

Awesome React Native는 최고의 React Native 라이브러리, 도구, 자습서, 기사 등을 선별하는 멋진 스타일 목록입니다. PR 환영합니다!

LIST
저작자표시 비영리 변경금지

'Study > React' 카테고리의 다른 글

리액트(React) | Redux 넌 도대체.... 정체가 뭐냐?  (0) 2021.09.27
React RoadMap / Everything that is there to learn about React and the ecosystem in 2021.  (0) 2021.08.08
[React JS] 리액트 | Deploy operator | 전개 연산자에 대해서 알아보자.  (0) 2021.04.24
[React JS] 리액트 템플릿 문자열 | Template String  (0) 2021.04.24
[React JS] 리액트 | React JS에 필요한 자바스크립트 주요 문법  (0) 2021.04.24

'Study/React'의 다른글

  • 현재글멋진 반응 | 멋진 React 네이티브 리소스 | 학습 및 훨씬 더 | 방대한 목록100

관련글

댓글

티스토리툴바