dva ์ฌ์ฉ ์ฌ๋ถ๋ฅผ ๊ณ ๋ คํ์ฌ ๊ฐ๋ฐ ํจ์จ์ฑ์ ์ํฅ์ ๋ฏธ์น๋ ๋งค๋ฒ ์๋์ผ๋ก ์๋ก ๊ณ ์นจ
https://github.com/dvajs/babel-plugin-dva-hmr
ํซ ์ ๋ฐ์ดํธ, ์๋ชป ์ฝ์, ๋ฌด์
ReactNative๋ ์ ๋ฐ์ดํธ ๋ฉ์ปค๋์ฆ์ ๋ํด ๋ช ํํ์ง ์์ต๋๋ค. ๊ทธ๋ฌ๋ ์น์ ๋น ๋ฅด๋ฉฐ https://github.com/sorrycc/roadhog ๊ธฐ๋ฐ์ผ๋ก ๋น๋ ๋ฐ ์๋ฒ๊ฐ ๊ตฌํ๋ฉ๋๋ค.
๋ฟก๋ฟก
๊ฐ๊น์ด ์ฅ๋์ React Native์ ํซ ์
๋ฐ์ดํธ๋ฅผ ๋ค๋ฃฐ ๊ณํ์ด ์์ต๋๊น?
๊ฐ๊น์ด ์ฅ๋์ React Native์ ํซ ์ ๋ฐ์ดํธ๋ฅผ ๋ค๋ฃฐ ๊ณํ์ด ์์ต๋๊น?
๊ฐ๊น์ด ์ฅ๋์ ๊ณํ์ ์์ต๋๋ค. ๋๊ตฐ๊ฐ ๊ทธ๋ ๊ฒํ๋ค๋ฉด ๋จ์๋ฅผ ์ ๊ณต ํ ์ ์์ต๋๋ค. RN์ ํซ ๊ต์ฒด์ React์ ์ฐจ์ด์ ์ด ์์ต๋๊น?
React Native๋ฅผ ๊ฐ๋ฐํ ๋ Component๊ฐ const๋ก ๋น๋๋๋ฉด hot reloading์ ๋ถ๊ฐ๋ฅํ์ง๋ง ํด๋์ค์์๋ ๊ด์ฐฎ ์์ต๋๋ค.
์ข ๋ ๊ตฌ์ฒด์ ์ผ๋ก ๋งํ์๋ฉด es6 ํด๋์ค๋ฅผ ์ฌ์ฉํ์ฌ ์์ฑ ๋ ๊ตฌ์ฑ ์์๋ ํซ ๋ฆฌ๋ก๋ฉ์ด ๋ ์ ์์ง๋ง ์ํ ๋น ์ ์ฅ ํจ์๋ฅผ ์ฌ์ฉํ์ง ์์ ์ ์์ต๋๋ค. ์ด์ ํด๋์ค๋ฅผ ์ฌ์ฉํ์ฌ ์ปจํ ์ด๋ ๊ตฌ์ฑ ์์๋ฅผ ์์ฑํ๊ณ ์ํ ๋น ์ ์ฅ ํจ์๋ฅผ ์ฌ์ฉํ์ฌ ํ๋ฆฌ์ ํ ์ด์ ๊ตฌ์ฑ ์์๋ฅผ ์์ฑํฉ๋๋ค.
์์์ด ์๋ํ ๋์ ์์ธต์ ์ง์ ์ด ํฉ๋ฆฌ์ ์์ด ์
์ฆ๋์์ง๋ง ์์ ํ ์ ํํ์ง๋ ์์ต๋๋ค.
1. ์ฑ์ ์ต์์ ์์ค์ dva ์์ฉ ํ๋ก๊ทธ๋จ ์์ฑ๊ณผ ๋์ผํ ๋๋ ํฐ๋ฆฌ์ ์์ผ๋ฉฐ ์ต์์ ์์ค ๊ตฌ์ฑ ์์๋ ES6 ํด๋์ค ๋ฉ์๋๋ฅผ ์ฌ์ฉํ์ฌ ์์ฑ๋ฉ๋๋ค.
2. ๋ ๋ฒ์งธ ๊ณ์ธต์ ์ต์์ ๊ตฌ์ฑ ์์์์ ๋ผ์ฐํ
์ ์ ์ํ๋ Stateless ํจ์๋ฅผ ๋์
ํฉ๋๋ค. (์ฐธ๊ณ : ๋ ๋ฒ์งธ ๊ณ์ธต์ ํจ์ ๊ตฌ์ฑ ์์ ์ฌ์ผํฉ๋๋ค !!! ์ด์ ๋ฅผ ๋ฌป์ง ๋ง์ญ์์ค. ๋ฐ...);
3. ์ธ ๋ฒ์งธ ๋ ์ด์ด์ ๋ค๋ฅธ ํ์ด์ง์์๋ ์ด๋ฌํ ๋ฐฉ์์ผ๋ก ๊ตฌ์ฑ ์์๋ฅผ ๋ง๋ค ์ ์์ผ๋ฉฐ ๋ชจ๋ ํซ ๋ฆฌ๋ก๋ฉ์ด ๊ฐ๋ฅํฉ๋๋ค! ! !
๊ฒฐ๋ก : ์ค์ค๋ก ์ ๊ธฐ ํ ๋ฌธ์ ๋ ์ค์ค๋ก ํด๊ฒฐํฉ๋๋ค. . . .
@ r4ggj ์์ ๊ฐ ์๋์? ์ด์ ๋งค์ฐ ์ง์ฆ๋ฉ๋๋ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
์์์ด ์๋ํ ๋์ ์์ธต์ ์ง์ ์ด ํฉ๋ฆฌ์ ์์ด ์ ์ฆ๋์์ง๋ง ์์ ํ ์ ํํ์ง๋ ์์ต๋๋ค.
1. ์ฑ์ ์ต์์ ์์ค์ dva ์์ฉ ํ๋ก๊ทธ๋จ ์์ฑ๊ณผ ๋์ผํ ๋๋ ํฐ๋ฆฌ์ ์์ผ๋ฉฐ ์ต์์ ์์ค ๊ตฌ์ฑ ์์๋ ES6 ํด๋์ค ๋ฉ์๋๋ฅผ ์ฌ์ฉํ์ฌ ์์ฑ๋ฉ๋๋ค.
2. ๋ ๋ฒ์งธ ๊ณ์ธต์ ์ต์์ ๊ตฌ์ฑ ์์์์ ๋ผ์ฐํ ์ ์ ์ํ๋ Stateless ํจ์๋ฅผ ๋์ ํฉ๋๋ค. (์ฐธ๊ณ : ๋ ๋ฒ์งธ ๊ณ์ธต์ ํจ์ ๊ตฌ์ฑ ์์ ์ฌ์ผํฉ๋๋ค !!! ์ด์ ๋ฅผ ๋ฌป์ง ๋ง์ญ์์ค. ๋ฐ...);
3. ์ธ ๋ฒ์งธ ๋ ์ด์ด์ ๋ค๋ฅธ ํ์ด์ง์์๋ ์ด๋ฌํ ๋ฐฉ์์ผ๋ก ๊ตฌ์ฑ ์์๋ฅผ ๋ง๋ค ์ ์์ผ๋ฉฐ ๋ชจ๋ ํซ ๋ฆฌ๋ก๋ฉ์ด ๊ฐ๋ฅํฉ๋๋ค! ! !
๊ฒฐ๋ก : ์ค์ค๋ก ์ ๊ธฐ ํ ๋ฌธ์ ๋ ์ค์ค๋ก ํด๊ฒฐํฉ๋๋ค. . . .