20 POSTS

React 2

  • #react

    ๋ฆฌ์•กํŠธ์˜ ์ƒˆ๋กœ์šด ํ›…, useEvent

    ํŠธ์œ„ํ„ฐ ์—ผํƒ ์‹œ๋ฆฌ์ฆˆ ์ œ1ํƒ„

    10๋ถ„
  • #react#web-performance

    ์ฐธ์กฐ ๋™์ผ์„ฑ์„ ์œ„ํ•œ ๋ฉ”๋ชจ์ด์ œ์ด์…˜

    ์„ธ์ƒ์— ๋‚˜์œ ๋ฉ”๋ชจ์ด์ œ์ด์…˜์€ ์—†๋‹ค ๐Ÿค”

    13๋ถ„
  • #react

    ๋ฆฌ์•กํŠธ์˜ useCallback useMemo, ์ •ํ™•ํ•˜๊ฒŒ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์„๊นŒ

    ๋ฉ”๋ชจ์ด์ œ์ด์…˜์— ๋Œ€ํ•œ ๊ณ ๋ฏผ ๐Ÿค”

    7๋ถ„
  • #react#web-performance

    ๋ฆฌ์•กํŠธ์˜ ๋ Œ๋”๋ง์€ ์–ด๋–ป๊ฒŒ ์ผ์–ด๋‚˜๋Š”๊ฐ€?

    ๋ฆฌ์•กํŠธ์—์„œ ๋ฉ”๋ชจ์ด์ œ์ด์…˜์„ ์–ธ์ œ ํ•ด์•ผํ•˜๋Š”๊ฐ€ ๊ณ ๋ฏผ ํ•˜๋‹ค๊ฐ€ ์—ฌ๊ธฐ๊นŒ์ง€ ์™”๋‹ค

    52๋ถ„
  • #react#javascript

    ๋ฆฌ์•กํŠธ v18 ๋ฒ„์ „ ํ†บ์•„๋ณด๊ธฐ

    ํฐ๊ฑฐ ์™”๋‹ค

    24๋ถ„
  • #react#typescript

    React.FC๋ฅผ ์‚ฌ์šฉํ•˜์ง€ ์•Š๋Š” ์ด์œ 

    React.FC๊ฐ€ ์ž˜๋ชป๋๋‹ค๋Š” ์ด์•ผ๊ธฐ๋Š” ์•„๋‹™๋‹ˆ๋‹ค

    7๋ถ„
  • #react

    ๋ฆฌ์•กํŠธ ํ›…์„ ์‚ฌ์šฉํ•  ๋•Œ ์กฐ์‹ฌํ•ด์•ผ ํ•  ๊ฒƒ

    deps์— primitive ๊ฐ’๋งŒ ์‚ฌ์šฉํ•˜๊ธฐ, ํ›…์„ ์ปดํฌ๋„ŒํŠธ์—์„œ ์ œ๊ฑฐํ•˜๊ธฐ

    11๋ถ„
  • #react#nextjs#javascript

    Remix nextjs์™€ ๋น„๊ตํ•˜๋ฉด์„œ ์‚ดํŽด๋ณด๊ธฐ

    ๋Š˜ ์ƒˆ๋กœ์›Œ ์งœ๋ฆฟํ•ด ์ƒˆ๋กœ์šด๊ฒŒ ๋˜ ๋‚˜์™”์–ด

    16๋ถ„
  • #react#frontend

    ๋ฆฌ์•กํŠธ ์„œ๋ฒ„ ์ปดํฌ๋„ŒํŠธ์˜ ๋™์ž‘ ๋ฐฉ์‹

    ๋ฆฌ์•กํŠธ 18 ์กด๋ฒ„ ํ•˜๋Š” ์ค‘

    27๋ถ„
  • #react#web-performance

    ๋ฆฌ์•กํŠธ 18์—์„œ ๋ณ€๊ฒฝ๋  ์ƒˆ๋กœ์šด SSR ์•„ํ‚คํ…์ณ

    ๋”ฐ๋ผ๊ฐ€๋Š” ๊ฒƒ๋งŒ ํ•ด๋„ ๋ฐ”์œ ์ธ์ƒ

    32๋ถ„
  • #javascript#react

    ๋น„๋™๊ธฐ ํ•จ์ˆ˜ memoize ํ•˜๋Š” ๋ฐฉ๋ฒ•

    memo, useMemo, useCallback, ๊ทธ๋ฆฌ๊ณ ...

    6๋ถ„
  • #nextjs#react#ssr

    ๋ฆฌ์•กํŠธ ์„œ๋ฒ„์‚ฌ์ด๋“œ ๋ Œ๋”๋ง๊ณผ ์ปดํฌ๋„ŒํŠธ

    ๊ฐˆ๊ธธ์ด ๋ฉ€๋‹ค

    4๋ถ„
  • #react#javascript

    useEffect์™€ ๋ฉ”๋ชจ๋ฆฌ ๋ˆ„์ˆ˜

    https://overreacted.io/a-complete-guide-to-useeffect/ ๋„ ์‹œ๊ฐ„๋‚˜๋ฉด ์ฝ์–ด๋ณด์„ธ์šฉ

    3๋ถ„
  • #react#state-management

    React๋ฅผ ์œ„ํ•œ ์ƒํƒœ๊ด€๋ฆฌ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ, Recoil

    ์ƒํƒœ๊ด€๋ฆฌ ์ถ˜์ถ”์ „๊ตญ์‹œ๋Œ€

    8๋ถ„
  • #react#web-performance

    ๋ฆฌ์•กํŠธ์™€ ๋ฉ”๋ชจ์ด์ œ์ด์…˜

    ๋ธ”๋กœ๊ทธ์—์„œ ๊ณ„์† ๊ฐ™์€ ๊ธ€์„ ์“ฐ๋Š” ๊ฒƒ ๊ฐ™์€๋ฐ๐Ÿคช

    5๋ถ„
  • #webpack#react#micro-frontend

    Webpack Module Federation ์ง์ ‘ํ•ด๋ณด๊ธฐ

    Micro Frontend ๐Ÿค”

    5๋ถ„
  • #react#javascript

    JSX์—์„œ && ๋Œ€์‹ ์— 3ํ•ญ ์—ฐ์‚ฐ์ž๋ฅผ ๋” ์„ ํ˜ธํ•˜๋Š” ์ด์œ 

    ์‚ฌ์‹ค ๊ทธ๋ƒฅ (๋ช‡ ๊ฐ€์ง€ ํ•ฉ๋ฆฌ์ ์ธ ์ด์œ ๊ฐ€ ์žˆ๋Š”) ๊ฐœ์ธ์ ์ธ ์ทจํ–ฅ์ž„

    4๋ถ„
  • #react

    useComponentWillMount??

    ๋ผ์ดํ”„ ์‚ฌ์ดํด์˜ ๊ตด๋ ˆ์—์„œ ๋ฒ—์–ด๋‚˜

    4๋ถ„
  • #react

    Prop drilling ํ•ด๊ฒฐ์„ ์œ„ํ•ด context๋ฅผ ์‚ฌ์šฉํ•˜๊ธฐ ์ „์— ๊ตฌ์กฐ๋ฅผ ์ƒ๊ฐํ•ด๋ณด์ž.

    ์ฒ˜์Œ๋ถ€ํ„ฐ ๊ตฌ์กฐ๋ฅผ ์ž˜ ์ƒ๊ฐํ•ด ๋‘”๋‹ค๋ฉด ์„ฑ๋Šฅ์ƒ ์— ์ด์ ์„ ๊ฐ€์ ธ๊ฐˆ ์ˆ˜ ์žˆ๋‹ค.

    3๋ถ„
  • #react

    ๋ฆฌ์•กํŠธ์˜ Hooks๊ณผ HOC, HOC์˜ ์‚ฌ์šฉ์ด ๋ณต์žกํ•ด์ง€๋Š” ๊ฒฝ์šฐ

    HOC๋Š” ์ข‹์ง€๋งŒ, hooks์„ ์‚ฌ์šฉํ•˜๋Š” ์Šต๊ด€์„ ๊ธฐ๋ฅด์ž.

    9๋ถ„