タグ

ブックマーク / noah.plus (2)

  • 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

    Re-ducksパターン:React + Redux のディレクトリ構成ベストプラクティス
    oukayuka
    oukayuka 2018/10/22
    RESTful APIでもない限りページ構成とデータモデルが一致することはないので、経験上このやり方がうまくいくとは思えない。ページ階層化どうすんのとかFSAに対応してないコードとか、どうも問題意識が作者と合わない。
  • デザインのための統合開発環境 Framer X を試す(Design Component、Code Component)

    デザインのための統合開発環境 Framer X を試す(Design Component、Code Component)2018-09-02 前回の記事に引き続き、Framer X を試していく。今回は Component について深掘りする。 Design Component と Code Component Framer X には2種類のコンポーネントが存在している。 Design Component キャンバス上でグラフィカルに編集できるコンポーネント。GUIから実装できるような基的なインタラクションを簡単に実装できる。 Code Component コードからのみ編集可能なコンポーネント。Code Component とはつまりReactコンポーネントのことなので、jsx(typescriptの場合は tsx)を使ってコンポーネントを作っていける。 右クリック → Create

    デザインのための統合開発環境 Framer X を試す(Design Component、Code Component)
  • 1