javascript

React製静的サイトジェネレーターGatsby使ってみた

GatsbyはReactで開発された、静的サイトジェネレーターです。
この記事ではGatsbyのとりあえず始め方の部分だけご紹介します。

ReactとHooks機能を使ってリストの絞り込み検索（フィルター）と並び替え（ソート）機能を作成してみます。

関数コンポーネントでStateを使える、React HooksとシンプルにグローバルStateの管理ができる軽量ライブラリのUnstated Nextを使用して、ToDoアプリを作るサンプルです。

脱jQueryの道の第二弾です。プラグインを使うまでもない小さな機能はjQuery使わない場合どう書くんだろう。ということでやてってみたいと思います。

いつもはjQueryを使用していますが、素のJavaScriptでクリックイベントやクラスの切り替えを行ってみます。

jQuery＋CSS3を使用して、ハンバーガーボタンをクリックすると全画面メニューが表示するやつをやってみます！

Vue.jsのライブラリ Element UI には el-menu というナビゲーションを設定するコンポーネントがあるのですが、Vue Router を使用する場合 router-link コンポーネントをそのまま入れても一応動きますが、ちゃんとに設定する方法を知ったのでご紹介いたします。