JavaScriptの記事一覧

Vue.jsでシンプルなカレンダーコンポーネント作ってみた

Vueのリハビリをかねて簡単なカレンダーコンポーネントを作ってみました。

タイトルちょっと何言ってるかわかりませんが、フォームの入力項目をjQueryで増減させたりすることがあるかと思うのですが、その際name属性に指定されている配列のindexを採番し直す方法をご紹介します。

React HooksのuseContext/useReducerを使用して、ステート管理する方法をご紹介します。

とりあえずReactをはじめるたい時はCreateReactAppとか使うと簡単に始められるのですが、基本SPA用なので、すでにあるサイトに導入とかバックエンドフレームワークに導入とか難しかったりします。
そこでWebpackを使用して既存のサイトにReactを導入する方法をご紹介します。

React.jsのフォーム入力のチェック（バリデーション）は自前で実装するのもそれほど難しくないかもしれませんが、React Hook Form というライブラリを使うと簡単に設定できますのでご紹介します。

React.jsの状態管理ライブラリはReduxが有名ですが、結構複雑だったりステートを一つ更新するだけでもタイプ量が多くなってしまうというデメリットもあります。
そこでこの記事ではRedux Toolkitというライブラリを使用して、もう少し簡単に状態管理する方法をご紹介します。

TypeScriptもReactもちょっとわかってきた！と思って最初に作るのはやっぱりTodoアプリですよね（？）。
ということで React.js + TypeScript でTodoアプリつくってみます。

React.jsの基本的なスタイルを設定方法と、Components Styled というライブラリを使用したスタイルの設定方法を解説します。

最近のReactはTypeScriptで書かれているのをよく見るようになりましたね。ということでTypeScriptでReactの基本的なところを学んでみましょう。

TypeScriptはマイクロソフトが開発しているJavaScriptのスーパーセットで、AngularやReactの主要フレームワークでサポートされていたりVue.jsも3からはTypeScriptに書き換えられるのだとか。
ということで今注目のTypeScriptをさらっと入門してみます。