本章では簡単なTodoアプリを作成する流れを通して、Laravelをバックエンドに、React.jsをフロントエンドに利用したアプリケーションの開発について解説していきます。

これにより、新しいReact.jsプロジェクト「my-shadcn-ui-app」が作成され、開発サーバーが起動します。デフォルトのReactアプリが表示されるはずです。 ステップ2: Shadcn/UIのインストール 必要な依存関係を手動で追加する手順は以下の通りです。 Tailwind CSSの追加: Shadcn/UIのコンポーネントはTailwind CSS ...

こんな方にオススメ モダンなWebフロントエンドに興味のある方 React/Next.jsを初めて使う方、本番に導入したい方 React/Next.jsとTypeScriptを組み合わせた開発スタイルに興味のある方 TypeScriptを中心に据えたWebフロントエンド開発に興味のある方 Atomic DesignやStorybookなど、コンポーネント中心の開発に ...

ToDoアプリをReact.jsやReduxを使って作ってみた 1.完成までの流れ 2.引用 ###完成までのながれ JS単独で電卓を作ってみたので今度はReact（フレームワーク）やRedux（状態管理ツール）を使ってみる ToDoリストの基本的な機能を ...

初めてReactに挑戦するとまずつまずくのは開発環境の設定です。Facrbookが提供しているCLIツール「Create React App」で簡単に始める方法を解説します ...

追記: 今になって考えると、Reactは3つのCSSファイルで構成されている方が理にかなっているので、App.js, ToDo.js, ToDoItem.js用に個別に分けてCSSファイルを用意します。 最終的にはどちらも同じことを実現しますが、ReactとVueでCSSの構造を変えることはできません。

React、Angular、Vue対応、高性能なテーブルを実装できるシンプルで軽量のJavaScriptライブラリ -Grid.js ...