React.jsとNext.jsについて！

React.jsとNext.jsについて勉強しているので、その情報を共有するために投稿します。

solidityとスマートコントラクトを勉強していたが、React.jsと組み合わせてアプリケーションを作成している例をたくさん見かけたこともあり、
React.jsもこの際理解しようということにしました。

違いは下記の通り。

React.js： SPAを考えて作成されている。HTMLをJavaScriptの中に記述できるJSX機能が強力！

Next.js：React.jsに各種ライブラリを統合してパッケージ化したもの。React.jsを拡張させることができる！

ソースコードは、下記GitHubで公開中

react_app
next_app

どちらも npx コマンドを利用することで土台部分を自動的に作成してくれるため、すぐに開発に入ることができるという強みを持っている！

要素をコンポーネント化することで、複雑な画面でもプラモデルのパーツを組み立てる感覚で開発できるところが面白いし、扱いやすいと感じた。
エンタープライズ向けのWebページでもおそらく課題になるであろう画面レイアウトの統一とも相性がものすごく良いとも考えている。

ただ、従来のHTMLやJSPと比べてかなり書き方が変わるため、いきなり導入するということはハードルが高そうだが、柔軟に開発できるため導入するメリットの方が大きいのではないかと考えている。(特にNext.jsについては、HTMLファイルが無くなり、全てJavaScriptでの記述となるため従来のやり方に慣れている方からには、少なからず抵抗があるかもしれません。。。)

※現在、勉強中のため、適宜追記していきたいと考えています。

以下、書籍がとても参考になりましたので共有させていただきます。

実践スマートコントラクト開発 node.js超入門 React.js&Next.js超入門