Learn React Properly

This course is a lecture that explains the principles in detail while creating easy-to-understand examples of React, the most popular web technology these days.

(3.5) 2 reviews

42 learners

lhzooo7959

React

1. Introduction to the React Learning Course

"Learn React Properly" is a course that explains the fundamentals of React, one of the most popular web technologies today, through easy-to-understand examples. REACT is a JavaScript library developed by Facebook, used by Facebook and Instagram. Unlike basic JavaScript, it makes extensive use of JSX syntax, which will be covered in this course.

2. Helpful people

Beginner developers with basic knowledge of JavaScript, experienced front-end developers, and job seekers seeking employment as web developers

3. Learning Objectives

- Introduction to React - Setting up a React development environment - Understanding React components - Understanding JSX - Understanding state and props - Using the react-addons-update library

4. Notes

This lecture does not include questions and answers.

Hello
This is

Curriculum

All

45 lectures ∙ (22hr 56min)

Section 1. Introduction to React

1 lectures ∙ (31min)

1. Introduction to ReactJS
31:00

Section 2. React development environment

2 lectures ∙ (56min)

Section 3. Getting started with React

2 lectures ∙ (37min)

4. Lecture material (Learn React properly)
5. Getting started with react
37:00

Section 4. Components

1 lectures ∙ (30min)

Section 5. React styling

1 lectures ∙ (36min)

Section 6. Component combination

1 lectures ∙ (35min)

Section 7. Component property passing

1 lectures ∙ (29min)

Section 8. Component status

1 lectures ∙ (33min)

Section 9. JSX

2 lectures ∙ (50min)

Section 10. React event

3 lectures ∙ (1hr 42min)

Section 11. Life cycle

3 lectures ∙ (1hr 28min)

Section 12. DOM Access

2 lectures ∙ (1hr 7min)

Section 13. ReactRouter

3 lectures ∙ (1hr 46min)

Section 14. React TodoList

3 lectures ∙ (1hr 24min)

Section 15. ES6

1 lectures ∙ (39min)

Section 16. Component Mapping

1 lectures ∙ (35min)

Section 17. webpack

2 lectures ∙ (1hr 11min)

Section 18. hot-loader

1 lectures ∙ (23min)

Section 19. state

14 lectures ∙ (7hr 4min)

Published:

Last updated:

Reviews

All

2 reviews

3.5

2 reviews

정성화
Reviews 1
∙
Average Rating 4.0
4
100% enrolled
강의 내용은 알차게 구성하셨습니다만.. React.JS 에 충분한 설명을 해주셔서 초보자도 쉽게 따라할 수 있을거 같네요. 다만 단점으로 1. 강의준비를 급하게 하셨는지, 강의 도중 예제에서 에러가 발생하면 원인을 찾는데 시간이 생각보다 많이 뺏기셔서 강의의 흐름이 끊긴다는 점입니다. 강의 동영상 올리기 전에 이런 부분들은 편집을 해주셨으면 어땠을까 하는 아쉬움이 있네요. 2. webpack 버전 및 React.js 버전에 따라 Component 호출 방식과 webpack 설정 방법등이 크게 달라지는데, 그 부분에 대해서 안내가 부족해서 많이 헤맸던거 같습니다. 어쩔수 없이 강의에 나온대로 webpack은 3.5.5 버전으로, react는 15.6.1 버전으로 package.json 수정해서 반영해야 강의에 나온대로 따라할수 있었습니다. 특히 webpack은 3.대와 4.대의 차이가 크기도 하고, 4.대는 아직 불안전한 측면이 많아서 안내가 필요할 듯 한데, 이에 대한 언급이 없어서 많은 분들이 애먹는거 같네요. 미리 작성된 package.json 및 codepen의 라이브러리 링크주소를 미리 제공하고 시작해야 강의 진행에 어려움이 없을거 같습니다. 3. 강의를 듣다보면 설명이 길어지는게 느껴집니다. 물론 디테일하게 설명하시기 위함인걸 모르는 바는 아니지만, 그럼에도 지루한 감이 없지는 않았네요. 예제에 조금 더 집중을 해주셨으면 어땠을까 하는 아쉬움이 있습니다. 강의 그대로 따라하다보니 예상치 못한 오류가 많아서 고전했습니다만, 오히려 원인 추적을 직접 하면서 실력이 조금 더 늘었다는 기분이 드네요. 다만 자바스크립트 기본문법이나 ES6문법에 익숙치 않은 분들에게는 힘들수도 있을거 같습니다.
Keun Won Lee
Reviews 1
∙
Average Rating 3.0
3
38% enrolled
강좌 동영상이 문제가 좀 있네요 강좌 동영상 문제가 좀 있네요 "ReactJS 소개" 와 "개발환경 구축 1" 이 동일한 동영상으로 나오고 있습니다.
- 인프런
  알려주셔서 감사합니다. 바로 수정했습니다. 지금은 제대로 보이실거에요~~

Access is restricted to non-public courses.

Private Course