next.js
https://assets.zeit.co/image/upload/front/logos/next-black.png
Reactを普通に使おうと思うとすごくめんどくさいのを解決しようとしてる babelとかwebpackが実質必須で、srcとかdistとか、bundle.jsを読み込むようにしたりコンパイルしながら動くようにしたりとか、みたいなのを肩代わりしてくれる reactを使ったプロジェクトのスタートを切るところまでは確かにとても楽
create-react-appでも肩代わり部分は解決してくれる
next.js独自な部分にどれほど魅力があるか
覚えることが増えていないか
next.jsのドキュメントによればcreate-react-appとの違いは以下の点とのこと
ディレクトリ構造を強制することによってやり易くなる
In addition, Next.js provides two built-in features that are critical for every single website:
Routing with lazy component loading: <Link> (by importing next/link) A way for components to alter <head>: <Head> (by importing next/head)
その後create-react-appを使い込んでいくとつらみも出てきて、next.jsにやってもらえた方が嬉しいかなと思ってきた部分
routing
reactでroutingするのはやっぱりどうも釈然としないし、react-routerとかを単体で使う分にはまあいいんだけど認証でProvider使おうと思ったり、裏にexpress使ったりすると意味わからなくなる
この辺りはたぶんなんというかreactがむずいんだ
backend
routingのところにもちょっと出てきたけどapiサーバーとしてexpressと一緒に使いたいことがよくある。というか大体そう。
まあexpressを追加して動かすぐらいならさほどの手間でもないし一回やっちゃえばいいんだけど、細かく面倒で本質的じゃないなあと思うことが多い
webpackが仕事しすぎなので時々生じるdevelopmentとproductionでの違いはどうやって解消するんだっけとか
サーバーサイドのテストも書いてCI回そうと思ったらnpm scriptsどうしようとか
使ってはいないんだけど
テスト