Re-ducksパターン：React + Redux のディレクトリ構成ベストプラクティス
Re-ducks というディレクトリ構成のベストプラクティスについてまとめる。Re-ducksパターンを使うことで、React + Redux を用いた開発がよりメンテナンスしやすいものになる。 Ducks パターン 名前からもわかるように、Re-ducks は Ducks というパターンをベースにしている。 erikras/ducks-modular-redux Ducks パターンが解決すること： actionType、action、reducerが散らばっててつらい 結局のところ actionType、action、reducer は密結合なので、ducksパターンではこれら3つを1つのファイルにまとめる。 // widget.js // Actions const LOAD = 'my-app/widgets/LOAD'; const CREATE = 'my-app/widget
日報共有アプリケーションをOSSとして開発している話
日報一覧画面最近、プライベートな時間をつかってRepostというオープンソースの日報共有アプリケーションを開発しています。 投稿した日報に対して、コメントや絵文字でリアクションすることでチームでのコミュニケーションを活性化させることを目的としています。日報版Slackのようなイメージです。 まだ開発着手から1ヶ月ということもあり、バージョン0.0.1でまともに稼働できる段階ではないですが、開発のモチベーションを高めるためにも記事を書いてみました。 技術スタック チャンネル作成画面RepostはフロントエンドにReduxを採用し、SPAとして構築しています。APIサーバとしてのバックエンドはRuby on Railsで開発しています。また、エディタ部分はDraft.jsを用いてMarkdownエディタを実装しているところです。 Draft.jsについては、過去にとあるプロダクトに採用した経験
実践モテリング：ReduxからElmへ
Transcript ࣮ફϞςϦϯά Redux͔ΒElm Mar 27 2017 @boiyaa ࣮ફϞςϦϯάɿRedux͔ΒElm ͜ͷεϥΠυ ࠓReduxVuexͳͲɺFluxΞʔΩςΫνϟΛ࠾༻͍ͯ͠Δํʹ ElmΛΦεεϝ͢ΔͨΊͷElmॳ৺ऀ͚εϥΠυͰ͢ɻ FluxܥFWΛͬͨࣄ͕ͳ͍ํʹɺͳΔ͘ڵຯ࣋ͬͯΒ ͑ΔΑ͏ʹ৺͕͚ͯॻ͖·ͨ͠ɻ આ໌͢Δͱখ͘͠ͳͬͯ͠·͏෦ʹݴٴ͠ͳ͍Α͏ʹ͠ ͍ͯ·͢ɻʢࢲ͕ະख़Ͱ͋ΔͷͰʣ ࣮ફϞςϦϯάɿRedux͔ΒElm ϓϩϑΟʔϧ ▸ @boiyaa ▸ 34ࡀ ▸ ϑϧεέοϕΤϯδχΞ ࣮ફϞςϦϯάɿRedux͔ΒElm ͱ͜ΖͰօ͞Μɺ ϞςΔͨΊʹ ։ൃͯ͠·͔͢ʁ ࣮ફϞςϦϯάɿRedux͔ΒElm ࢲɺϞς͍ͨ ▸ ϑϧεέοϕΤϯδχΞͰ͋Δࢲɺٕज़ʹϞςΔ͔Ͳ͏͔
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
