てる＠フロントエンド勉強中

WordPress・Web制作の経験あり🌐
JSはちょっと触ったことあるけど、ちゃんと学び直し中✍️
JavaScript → React とステップアップしていく予定です。
学習記録をXとQiitaで発信しています。
フロントエンドエンジニアを目指してます！

[てる＠フロントエンド勉強中 @teruu_dev]

Reactで初めてカスタムフックを自作してみました。

ポイントは「useから始まる関数を作るだけ」でいいということ

難しそうに見えて、実は普通の関数と変わらないのが驚きでした😮
#Qiita https://t.co/xdPoL9K3sN

[てる＠フロントエンド勉強中 @teruu_dev]

JavaScriptでTypeScript × Reactの、
型定義を一通り学んでみました。

変数・引数・返却値の型指定から、
FCやOmitを使ったprops定義、
オプショナルチェーンまで整理できました。

anyやnever[]のハマりどころも体験でき、
型をつける理由が実感できた気がします。
#Qiita https://t.co/gyVj02wh1Y

[てる＠フロントエンド勉強中 @teruu_dev]

ReactアプリにSupabase・Vitest・GitHub Actions・Firebase Hosting
を組み合わせた構成を実装してみました。

データ永続化からテスト・自動デプロイまでの
一連の流れが作れて達成感がありました。
#Qiita https://t.co/57bhsshKBA

[てる＠フロントエンド勉強中 @teruu_dev]

はじめまして！
フォローありがとうございます🙇‍♂️
同じようなキャリアから転職されたとのことで、すごく励みになります！
まだ実務未経験ですが、学習しながら「実際の開発っぽいこと」を意識してCI/CDやテストにも挑戦してみました。

これからも色々試しながら頑張っていくので、ぜひよろしくお願いします！

[てる＠フロントエンド勉強中 @teruu_dev]

VitestとGitHub ActionsでCI/CDを組んだ記事をQiitaに投稿しました。
ユーザー操作をテストコードで再現する方法や、ジョブを分ける理由なども整理しました。
https://t.co/t3GgdaUJmu

参考にした動画はこちら→https://t.co/5PHY0KG2fo

[てる＠フロントエンド勉強中 @teruu_dev]

JavaScriptでReactのコンポーネント設計手法、
Atomic Designを学びました。

atoms → molecules → organisms → templatesの階層に分けて設計すると、再利用性が上がってすっきりしました。

記事にまとめたので、ぜひ読んでみてください！
#Qiita https://t.co/nIWdg7Un09

[てる＠フロントエンド勉強中 @teruu_dev]

JavaScriptとReactでルーティングを学びました。
Switch→Routes、useHistory→useNavigateなど、v5→v6の変更がよく整理できました。
記事にまとめました！
#Qiita https://t.co/TnjZ3lhByh

[てる＠フロントエンド勉強中 @teruu_dev]

JavaScriptでReactのスタイル手法をひととおり学びました。
Inline StylesからEmotionまで、それぞれ書き方が違って面白かったです。
Qiitaに記録として残しました。 #Qiita https://t.co/lstMj038WG

[てる＠フロントエンド勉強中 @teruu_dev]

JavaScriptでReactのレンダリング最適化を学びました。
memoとuseCallbackの使い方を整理したので記事にまとめました。 #Qiita https://t.co/Dq7fvh3KwY

[てる＠フロントエンド勉強中 @teruu_dev]

JavaScriptとReactで学習記録アプリを作りました！

動くコードを書けたと思ったら 型の混在というバグが潜んでいました😅

詳しくはQiitaに書きました👇#Qiita https://t.co/gPYnr6tnwy