nikumaro2’s blog

webエンジニアです。HTML、CSS、Javascript、React.jsの開発についてまとめます。また、初心者英語TOEIC350点。音楽(ベース)、ゴルフなどもたまに、、

【React】Reactプロジェクトで、個人的に使いたいライブラリまとめ

Reactで使いやすいライブラリを調べていたので、備忘録としてまとめます。
全体的に、学習コストが低く簡単にコードが書けそうなものを選んでいます。

レイアウト

  • emotion

    CSS-in-JSとして、学習コストが低く、簡単に使える

emotion – フレームワークに依存しない洗練された CSS-in-JS – PSYENCE:MEDIA


* BULMA

全体のデザインのためのCSSフレームワーク。フレキシブルデザイン(Flexbox)に対応しており。JSを内包せずCSSのみで比較的軽い。

CSSフレームワークのススメ - BULMAの導入と覚え書き - Qiita

electronで使っていて、良かったのですが、BULMAではreact-nativeでは、使えないかも、



状態管理

  • unstated

    Reduxが有名だが、学習コストが高い。unstatedは、簡潔にコードが書け、開発速度が速い。

【React】unstatedとunstated-nextの違い - nikumaro2’s blog



ナビゲータ

  • react-navigeter

    簡単にSPA開発が実現できる。

React Nativeでのルート管理ライブラリReact Navigationの使い方を整理。 | So Far, So Tech



まとめ

随時更新していきます。