LoginSignup
1
1

More than 1 year has passed since last update.

React.jsとNext.jsについて

Last updated at Posted at 2021-05-02

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と比べてかなり書き方が変わるため、いきなり導入するということはかなりハードルが高そうだが、
かなり柔軟に開発できるためメリットの方が大きいのではないかと考えている。

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

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

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

以下、参考にした書籍となります。

実践スマートコントラクト開発

node.js超入門

React.js&Next.js超入門

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1