React

Cover Image for 【React】動的な木構造レイヤーをレンダリングしてみる

【React】動的な木構造レイヤーをレンダリングしてみる

お絵かきアプリとかでよくある、階層構造をもったレイヤーを実装してみました。 …

Cover Image for WSL から React Native を Android Studio で動かす

WSL から React Native を Android Studio で動かす

React Native というモバイルアプリを作るツールがあります。

そこで作ったアプリを Android Studio のエミュレータで動かすことができます。

React Native のプロジェクトを WSL2(Windows Subsystem for Linux 2) の内部に置くこともできるのですが、 …

Cover Image for create-react-app で自動生成される CSS や JS へのパスを変更する方法

create-react-app で自動生成される CSS や JS へのパスを変更する方法

create-react-appで作成したアプリでは、デフォルトでは CSS や画像や JS へのパスが

/static/css/main.xxxxxxxx.chunk.css

/static/media/...

/static/js/...chunk.js

のようになっています。 …

Cover Image for 【React + Recoil】ちょっとリッチな ToDo アプリ

【React + Recoil】ちょっとリッチな ToDo アプリ

おいしそうなタイトルになってしまいました。

これまで React で文字当てゲームやタイピング練習アプリを作ってきましたが、

今回は ToDo アプリを作成しました。 …

Cover Image for 結局、React とは何なのか?

結局、React とは何なのか?

私が React を学び始めようと思った頃、「React とは」で検索をかけてヒットしたページをいろいろ読みましたが、 どれもいまいちピンと来なかったので、 今回は

  • React はどの点においてユニークか
  • React は結局何をしているのか…
Cover Image for 【React 初心者】React でタイピング練習アプリ!

【React 初心者】React でタイピング練習アプリ!

前回、React で文字当てゲームを作りました。 今回は、このようなタイピング練習アプリを作ってみました。 この記事では、このタイピングアプリの実装について解説しながら、…

Cover Image for 【React 初心者】React で文字当てゲーム!

【React 初心者】React で文字当てゲーム!

最近 React を勉強していて、何か簡単なものを作りたいと思って、このような文字当てゲームを作りました。 今回、この記事で実装について解説していきます。 コンポーネントや props はほとんど使っておらず、…