250x250
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- 실행컨텍스트
- chromatic error
- 항해99 부트캠프
- next js
- 리덕스
- gql restapi 차이
- 리액트
- 항해99 미니프로젝트
- toggle-btn
- JS module system
- Js module
- js배열 알고리즘
- 테스트 코드 툴 비교
- 리액트 렌더링 최적화
- this
- 타입스크립트
- v8 원리
- 리액트 메모
- FP 특징
- 렌더링 최적화
- 알고리즘
- 항해99 사전스터디
- 자바스크립트 엔진 v8
- 웹 크롤링
- 웹팩 기본개념
- 리액트 메모이제이션
- 항해99
- jwt
- 함수형 프로그래밍 특징
- 코어자바스크립트
Archives
- Today
- Total
Jaeilit
항해99 3주차 WIL 리액트와 전역 상태 관리, CSS 라이브러리와 리액트 본문
728x90
리액트의 상태관리
리액트는 컴포넌트 마다 state 로 자신의 상태를 관리함. (useState)
자기 자신의 상태를 props로 전달해서 하위컴포넌트도 사용할 수 있지만(props.드릴링)
전역으로 관리하지는 못한다.
전역상태관리(Global State)
현재 나의 상태를 전역으로 관리하는 방법에는 2가지가 있음.
1. 리액트의 훅 (Context API)
https://ko.reactjs.org/docs/context.html
2. 리덕스
https://ko.redux.js.org/introduction/getting-started/
알면 좋은 리액트 CSS 라이브러리
참고 사이트
https://ichi.pro/ko/2021nyeon-nae-sang-wi-10gae-pilsu-react-laibeuleoli-121095745484178
1. 머리티얼 UI
2. 반응 부트스트랩
3. 차크라 ui
4. 시맨틱 리액트 UI
5. 반응 아이콘
6. 스크롤 시 애니메이트(AOS)
7. 페이커 js
8. 반응차트
728x90
'항해99 3기' 카테고리의 다른 글
항해99 3기 주특기 클론코딩 회고 (0) | 2021.10.23 |
---|---|
항해99 3기 주특기 미니프로젝트 회고 (0) | 2021.10.16 |
리액트 심화버전 W.A (0) | 2021.10.09 |
리액트에서 OG태그 사용하기 (0) | 2021.10.09 |
항해99 2주차 DOM, 서버리스 (0) | 2021.09.26 |