スキルアップの目的でRailsとReactを使ってサーバーサイドレンダリングやってみた(Redux,react-routerも)

RailsとReactを使ってサーバーサイドレンダリングやってみた

スキルアップの目的でRailsとReactを使ってSSR(サーバーサイドレンダリング)やってみたいなと思い、調べながらやってみました。とりあえず動くものはできたので個人的にはいいかなと思うんですが、至らないとこも多々あると思うのでその辺りは多めにみていただければと思います。参考までに手順を載せますので何かのお役に立てれば嬉しいです。

ReactなどのSPAサービスを作ると割と問題になるリリースしたのにフロントの変更がなかなか反映されない時の対処法

ReactなどのSPAサービスを作ると 割と問題になる リリースしたのにフロントの変更が なかなか反映されない時の対処法

ReactなどのSPAサービスを作ると割と問題になるのが、リリースしたのになかなか反映されない!!ってことが起きます。ハッシュ付きのビルドファイルにすればいい話なんですが、この辺をwebpackでいい感じのやり方があったのでご紹介します。

React + ReduxのプロジェクトにAtomic DesignとImmutable.jsを使ったらいい感じになった話

React + ReduxのプロジェクトにAtomic DesignとImmutable.jsを使ったらいい感じになった話

ちょうど一年前くらいなんですが、React + Reduxのサービスを作りました。んでさらに今回また新たにReact + Reduxでサービスを作り始めているのですが、前回の反省を活かして今回につなげられればと思います。まだサービス事態は作っている状態執筆しているので今後修正等も入りそうですが、とりあえず基本的な方針ということでまとめてみました。

Reactコンポーネントをnpmパッケージとして公開、さらにGitHub pagesにDemoページを公開する手順

Reactコンポーネントをnpmパッケージとして公開、さらにGitHub pagesにDemoページを公開する手順

前回の記事でもご紹介させていただいているのですが、Nimbus-jqueryというCSSフレームワークとNimbus-reactというReactコンポーネントライブラリをnpmに公開したので、その際に僕がやった手順をご紹介します。これからnpmパッケージを作って公開したいなーというかたの参考になればと思います。よろしくお願いします。

Reactのコンポーネントライブラリを作ってnpmに公開したお話

Reactのコンポーネントライブラリを作ってnpmに公開したお話

前回の記事「PostCSSでレスポンシブに対応したCSSフレームワークを作ってみました」でご紹介したCSSフレームワーク「Nimbus」を使ってReactのコンポーネントライブラリを作ってみました。基本的な見た目は「Nimbus」を全く同じです。Reactのコンポーネントライブラリ「Nimbus-React」のご紹介をさせていただければと思います。

Redux Formを業務で使っていてわかった!使えるTips

Redux Formを業務で使っていてわかった!使えるTips

業務でReactのサービスを運営・更新しているのですが、Form周り全般はRedux formを使っています。かなりの頻度でバージョンアップがされていて活気がある感じがします。しかも、6.0.*系の時よりも現在(2017/2/2)のバージョン6.5.0ではvalidationが使いやすくなりとってもいい感じです。今回はそんなRedux formのちょっとしたTipsをご紹介します。

ページの先頭へ