react-practice's Introduction
react-practice's People
react-practice's Issues
practice : useStore, useStoreSelector + Context API & variable global state management library
๐ฉ๐ผโ๐ซ ๋ฆฌ์กํธ์ ์ด๋ค ๋ถ๋ถ์ ํ์ตํ ๊น์?
- #14 ํด๋น ์ด์์์ ํ์ตํ๋ useStore, useStoreSelector์ ํ๊ณ๋ฅผ ์์๋ณด๊ณ Context API๋ก ๊ฐ์ ํด ๋ด ๋๋ค.
- Recoil, Jotai, Zustand ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ๋์ ์๋ฆฌ๋ฅผ ๊ฐ๋จํ๊ฒ ์์๋ด ๋๋ค.
๐ ์ฐธ๊ณ ์ฌํญ
- ๋ฆฌ์กํธ ๋ต๋ค์ด๋ธ 5.2.3 โฉ 5.2.4
practice: directly implements react global state management
๐ฉ๐ผโ๐ซ ๋ฆฌ์กํธ์ ์ด๋ค ๋ถ๋ถ์ ํ์ตํ ๊น์?
์ง์ญ ์ํ์ ํ๊ณ๋ฅผ ๋ฒ์ด๋๋ณด์ : useState์ ์ํ๋ฅผ ๋ฐ๊นฅ์ผ๋ก ๋ถ๋ฆฌํ๊ธฐ(๋ฆฌ์กํธ ๋ฅ๋ค์ด๋ธ : 5.2.2)
ํด๋น ๋ถ๋ถ์ ์์๋ฅผ ์ง์ ์์ฑํ๊ณ , ๋ก์ปฌ ํ๊ฒฝ์์ ์คํํด ๋ด ๋๋ค
๐ ์ฐธ๊ณ ์ฌํญ
practice: ๋ฆฌ์กํธ ํต์ฌ๊ฐ๋ ํ์ต
๐ฉ๐ผโ๐ซ ๋ฆฌ์กํธ์ ์ด๋ค ๋ถ๋ถ์ ํ์ตํ ๊น์?
- ๋ฆฌ์กํธ๋ก ๊ฐ๋จํ ์น ์ฌ์ดํธ๋ฅผ ํ๋ ๋ง๋ค๊ณ ๋ฆฌ์กํธ์ ํต์ฌ ๊ฐ๋ ์ธ
- JSX
- props
- state
- component
๋ฑ์ ํ์ตํฉ๋๋ค.
๐ ์ฐธ๊ณ ์ฌํญ
Practice: directly implements react hook useState & useEffect
๐ฉ๐ผโ๐ซ ๋ฆฌ์กํธ์ ์ด๋ค ๋ถ๋ถ์ ํ์ตํ ๊น์?
- directly implements useState
- directly implements useEffect
๐ ์ฐธ๊ณ ์ฌํญ
practice : ๋ฆฌ์กํธ๋ก ํฑํํ ๊ฒ์ ๋ง๋ค๊ธฐ
๐ฉ๐ผโ๐ซ ๋ฆฌ์กํธ์ ์ด๋ค ๋ถ๋ถ์ ํ์ตํ ๊น์?
- ๋ฆฌ์กํธ๋ก ํฑํํ ๊ฒ์์ ๋ง๋ค์ด๋ณด๋ฉฐ, ๋ฆฌ์กํธ์ ๊ฐ๋ ์ ์ข ๋ ํ์ตํด์
๐ ์ฐธ๊ณ ์ฌํญ
practice: useMemo ํ์ต
๐ฉ๐ผโ๐ซ ๋ฆฌ์กํธ์ ์ด๋ค ๋ถ๋ถ์ ํ์ตํ ๊น์?
- useMemo๋ฅผ ํ์ตํฉ๋๋ค.
- ์ด๋ค ์ํฉ์์ ์ฌ์ฉํด์ผ ์ต์ ํ์ ๋์ ๋๋์ง๋ฅผ ์์๋ด ๋๋ค.
๐ ์ฐธ๊ณ ์ฌํญ
practice: learn react hook useLayoutEffect
๐ฉ๐ผโ๐ซ ๋ฆฌ์กํธ์ ์ด๋ค ๋ถ๋ถ์ ํ์ตํ ๊น์?
- useLayoutEffect์ ๋ํด์ ์์๋ด ๋๋ค.
- useEffect์ ๋น๊ตํ๊ณ , useLayoutEffect ํ ์ ์ด๋ค ์ํฉ์์ ์ฌ์ฉํ๋ฉด ์ข์์ง์ ๋ํด์๋ ์์๋ด ๋๋ค.
๐ ์ฐธ๊ณ ์ฌํญ
practice: learn react hook useRef
๐ฉ๐ผโ๐ซ ๋ฆฌ์กํธ์ ์ด๋ค ๋ถ๋ถ์ ํ์ตํ ๊น์?
- useRef ํ ์ ๋ํด์ ํ์ตํฉ๋๋ค.
- ๋์ ์๋ฆฌ๋ฅผ ๊ฐ๋จํ๊ฒ ์ดํด๋ณด๊ณ , ์ฌ์ฉํ๊ธฐ ์ข์ ์ํฉ๊ณผ ์ฌ์ฉ๋ฒ์ ๋ํด์๋ ์์๋ด ๋๋ค.
๐ ์ฐธ๊ณ ์ฌํญ
Practice : ๋ฆฌ์กํธ ํฉ์ฑ ์ปดํฌ๋ํธ ํ์ต
๐ฉ๐ผโ๐ซ ๋ฆฌ์กํธ์ ์ด๋ค ๋ถ๋ถ์ ํ์ตํ ๊น์?
- ๋ฆฌ์กํธ์์ ํฉ์ฑ ์ปดํฌ๋ํธ๋ฅผ ์ฌ์ฉํ๋ ๋ฐฉ๋ฒ์ ๋ํด์ ํ์ตํฉ๋๋ค.
- ํฉ์ฑ ์ปดํฌ๋ํธ๊ฐ ์ ๋ฑ์ฅํ๋์ง ,์ด๋ค ๋ฌธ์ ๋ฅผ ํด๊ฒฐํด์ฃผ๋์ง์ ๋ํด์ ํ์ตํฉ๋๋ค
๐ ์ฐธ๊ณ ์ฌํญ
practice: ๋ฆฌ์กํธ ํต์ฌ๊ฐ๋ ํ์ต(advanced)
๐ฉ๐ผโ๐ซ ๋ฆฌ์กํธ์ ์ด๋ค ๋ถ๋ถ์ ํ์ตํ ๊น์?
- ๋ฆฌ์กํธ์ ํต์ฌ๊ฐ๋
- components
- jsx
- props
- state
๋ฅผ ๋ ๊น๊ฒ ํ์ตํฉ๋๋ค.
๐ ์ฐธ๊ณ ์ฌํญ
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. ๐๐๐
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.