리액트 배우기

로드맵

JS(ES6) → React 개념 → Hooks → Redux → Redux-saga

이 순서가 거의 국룰

saga는 몰라도 Redux까지는 아는게 좋음

그 다음 배울건 Typescript 인데 이건 다 배우고 배워도 되고

보통 프론트엔드 공고를 보면

  • ES6 이해하는자
  • javascript 프레임워크(react, vue, angular 등) 사용해본 경험
  • redux, mobx 등 상태관리를 이해하고
  • redux-saga, redux-thunk 등 미들웨어에 대한 이해 및 사용해본 경험
  • typescript 경험자

머 이 딴식인데 redux까지만 알면 그래도 신입은 알건 다 아는거라 생각함

리액트 책

리액트를 다루는 기술

내가 말한 저 코스가 다 들어가있는 책 이거 한 권 사서 쭉 따라해보면 무슨 흐름인 줄 알꺼

중간부터 뜬금없이 백엔드 강의가 좀 있는데 그것도 따라하면 아 이딴식으로 웹 만드는구나 알게됌

나도 최근에 이걸로 다시 개념 잡았고 이 책은 사서 보는거 강추

인강

리액트 기초

React

생활코딩은 진짜 알기 쉽게 알려줌

웹 게임을 만들며 배우는 React - 인프런

제로초 라는 사람인데 이 사람은 실무적인거까지 알려줘서 좋음 인강을 돈주고 듣는다면 이 사람 커리큘럼 따라가는 것도 괜찮은거 같음

React 16 마스터하기

실전

ReactJS로 웹 서비스 만들기

노마드코더라고 youtube에서 쉽게 볼 수도 있음 공짜 강의들 괜찮음

유료강의는 안들어봐서 모르겠는데 커뮤니티 사이에서는 평이 좋은듯? 나도 지금 풀코스 하나 사서 들을까 고민중

Build a Recipe App With - React React Tutorial For Beginners

자막 없긴한데 개념 읽고 그냥 저 사람이 치는대로 쭉 따라하다보면 괜차늠

개념은 알겠는데 머 어떻게 해야하는거야 하면 유튜브에 reactjs 치면 위 같은 라이브 코딩 은근 있음 그냥 따라치다보면 이렇게 작업하는거구나 알게되서 좋음

hooks & redux

react-redux 에서 Hooks 사용하기 (1) 작업환경 준비

이건 블로그에 글도 있어서 좋음

블로그

velopert 이 사람이 거의 React 권위자 강의도 많고 책도 좋고

velog 사이트는 velopert가 만든 개발자 통합 블로그 좋은 글도 많아서 보면 도움 많이됨

velopert (Minjun Kim) - velog

[React.JS] 강좌 목록

좀 옛날 강좌인데 이런게 리액트구나 알게되는 강좌. 나도 이걸로 처음 배움, todo-list 만드는거 까지 하면 좋아

그런데 보면 class component로 하는데 요즘은 Hooks 쓰는게 대세

리액트의 Hooks 완벽 정복하기


내가 처음 배운다고 생각하면

처음에는 Todo 리스트는 만들 수 있어야하고 외부 api 데이터 받아서 view에 표시하는거를 목표로 쭉 달리면 돼

  1. 일단 이거 쭉 읽고 Todo-list(흔하디 흔한 할 일 목록)까지 따라하기

[React.JS] 강좌 목록

  1. React 기초 강의 보기

웹 게임을 만들며 배우는 React - 인프런

  1. 실제 프로젝트 따라해보기

ReactJS로 웹 서비스 만들기

  1. React 좀 알겠다 싶으면 Redux 배우기

혹은

리액트를 다루는 기술

이거 사서 쭉 따라하기 인데

책은 읽다보면 의욕 떨어지고 기계대로 코드 따라치고 있는 느낌 받을 수 있음 인강 쪽으로 개념 잡고 책으로 개념 정리한다는 느낌으로 쭉 읽고 따라하는게 좋다고 생각함