20221202のReactに関する記事は14件です。

Lexicalで数式エディタを作りたい(2日目)

みなさんこんにちは! 今日からLexicalでテキストエディタを実装していきます! 昨日の記事はこちらから https://qiita.com/okmtyuta/items/52fb8004aaec…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

React入門

はじめに 今回の記事では、日本で非常に人気の高いJavascriptライブラリの1つである Reactについて、簡単な概要を備忘録として残しておきたいと思います。 Reactはフレームワークではな…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

次にくる?!Radix UI触ってみた(Radix UI × Tailwind CSS)

はじめに この記事はWano Group Advent Calendar2022 2日目の記事です。 Radix UI 概要 https://www.radix-ui.com/ Why wastet…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Nextjs のdynamic routing でundefined になり少しハマったこと

概要 Nextjs のrouting を使ってdynamic routing を行う時 localhost:3000/items/1 に対してid == 1 のitems を表示するページを 作る際、…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Aurora Serverless の起動状態を調べる LivenessProbe を AppSync (GraphQL API) で実装してみた

本記事は NECソリューションイノベータ Advent Calendar 2022 の 12/4 の記事です。 アドベントカレンダーにエントリーしたのに記事書くの忘れてた〜〜〜。と 11 月も終わり…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

立命館大学の GPA 計算サイトを作った話

まえがき 娘「パパ、GPAいくつ?」 父「ちょっと待ってね、今から計算するから。」 一般的にGPAの計算方法は以下の通りなんですが......... GPA計算サイトを作る デプロイする サイトにア…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

React Context + useState+ TypeScript を使ってササッとグローバルステート管理をする

なにをするか Hooks APIができてからあんまりReact触ってないくらいには遠ざかっていたので、初歩的な話題ではありますがグローバルのステート管理をどうするのか復習してみました。 現在はちょっ…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

QwikでTODOアプリを作ってみる(1)

概要 MDNのReact ToDo リストをはじめるを参考にQwikで実装してみます。 https://developer.mozilla.org/ja/docs/Learn/Tools_and_t…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

動画の結合処理を実装したくて試行錯誤の末に、MediaConvertで頑張った話。

この記事に期待できること 複数の動画を結合する処理の流れがわかる AWS Elemental MediaConvertの扱い方がわかる AWS Lambdaのメリットと使い所がわかる なぜ、「動画の…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

ReactのMaterial UI (MUI) を細かくデザインする

Material UI (以下、MUI)は、Reactでアプリケーションを作る際にあらかじめデザインされたコンポーネントを用意しているライブラリです。MUI のいいところは簡単にすぐにデザインされた…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

react three fiber のチュートリアルからやってみた

function Box(props) { // This reference will give us direct access to the mesh const mesh = useRef(…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Testing Library のtestidが便利

Testing Libraryとは Testing Libraryは、ユーザーの視点からWebアプリケーションをテストすることを重視しています。 そのため、UI上に表示される文字列や操作方法を簡単に…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【React】カスタムフックに切り出すとコンポーネントの見通しがよくなるので良いよ

はじめに React初学者向けです。 2022年のReact開発では、hooksを用いて開発することになるかと思います。 useState、useEffect...と色々公式のhooksがあったりし…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

フリーランスエンジニアの成長論

はじめに この記事は、G's ACADEMY アドベントカレンダー2022の二日目です。 一日目のtaro_osgさんのDenoのフレームワーク「Fresh」で爆速開発面白いですね。 Denoは触っ…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む