jsxの使い方で感動した話

はじめに

ゆとり世代の中野です。

さっそくチャレンジについて書いていきます。

チャレンジする背景

お仕事で得た知見を残す

チャレンジ内容

jsxの使い方で感動したので忘れないようにメモ

やったこと

これが

if (bool) {
  return(
    <>
      ...
      <div>hoge<div>
      ...
    </>
  )
} else {
  return(
    <>
      ...
      <div>fuga<div>
      ...
    </>
  )
}

こうなる

const elements: jsx.element[] = [];
if (bool) {
  elements.push (
    ...
    <div>fuga<div>
    ...
  )
} else {
  elements.push (
    ...
    <div>fuga<div>
    ...
  )
}
return elements;

結論

fragmentを使わないことでネストが浅くなった
コードの可読性があがった

さいごに

jsxともっと仲良くなりたい

yutanakano

WEBエンジニア

大阪生まれのゆとり世代です

趣味はバイクでツーリングに行くこと

愛車は Ninja ZX-25R SE KRT EDITION

Expoでプロダクトを作っています